MDX_OrbitNav

MDX_OrbitNav
MDX_OrbitNav

About MDX_OrbitNav

MDX_OrbitNav — Navigation, Reimagined

Move beyond traditional hamburger menus. MDX_OrbitNav transforms a compact, animated menu hub into an immersive, full-screen orbital navigation experience for Framer.

Built for designers who want navigation to feel as exceptional as the websites they create.

🔗 Live Demo & Documentation

✨ Key Features

  • 🪐 Immersive Orbital Navigation — Interactive circular navigation with drag-to-rotate and refined transitions.

  • 🌌 Glassmorphic Discovery — Contextual previews with images, descriptions, featured links, and CTAs.

  • 💫 Signature Hub Animations — Supernova, Angelic Halo, Photon Rings, and Quantum Field effects.

  • 🧭 Flexible Placement — Header Slot, Fixed Corner, and Embedded positioning.

  • 🗂️ Nested Groups & Pagination — Expandable groups, breadcrumbs, and multi-page navigation.

  • 📱 Fully Responsive — Adaptive orbital layouts, Smart Labels, and refined mobile interactions.

  • 🎨 Premium Customization — Obsidian, Frost, and Aurora presets, custom icons, images, colors, and motion.

  • 🔤 Typography & RTL — Framer font controls, multilingual support, and customizable interface labels.

  • 🔗 Flexible Navigation — Website links and section scrolling with configurable header offsets.

  • ♿ Accessible Interactions — Keyboard navigation, visible focus states, and reduced-motion support.

🚀 Designed for Real Websites

Perfect for creative portfolios, digital agencies, SaaS products, immersive brand experiences, and modern websites seeking a distinctive navigation system.

One compact hub. An entirely new way to explore.

Built by MODAX — premium UI systems for Framer.

From MODAX

MDX Ferris Wheel
MDX_ContentNavigator
MDX_NavEngine
MDX_PrismDock

Related Components

Mono Nav
Scroll Sync
Split Underline Link
Magnetic Icons Dock