MDX_NavEngine

🚀 Build sophisticated navigation without the complexity.

MDX_NavEngine is a production-grade navigation system for Framer, built to handle everything from polished SaaS navigation to complex multi-level websites — all configurable directly from the Properties panel.

📂 Unlimited Multi-Level Navigation Build deeply structured menus with a recursive group system designed to safely support unlimited nesting.

🎛️ Three Dropdown Experiences Choose Single Column, Multi Column, or Icon Grid independently for each menu — giving different parts of your navigation the layout that fits them best.

🎯 In-Page Section Navigation Turn any nav or dropdown item into a section link with Smooth or Instant scrolling. Perfect for landing pages, portfolios, documentation, and single-page experiences.

⚡ Portal-Based Dropdowns Dropdowns render above page content without fighting Framer's z-index stacking or shifting your layout.

🧠 Intelligent Hover Behavior Direction-aware hover handling, close timing, and click locking help eliminate the frustrating dropdown flicker common in complex navigation.

📱 Responsive Mobile Navigation A dedicated slide-in mobile experience includes accordion navigation, logo, CTA support, and body scroll locking.

🌓 Auto, Light & Dark Themes Auto mode follows the site's Framer theme automatically, while Light and Dark modes provide direct control.

📐 Built for Real Layouts Use Fixed or Relative positioning, place navigation at the top or bottom, enable compact-on-scroll behavior, and automatically swap to a compact logo.

📢 Announcement Bar + CTAs Add an integrated announcement bar, primary CTA, and secondary CTA without assembling separate components.

♿ Production Ready Semantic navigation structure, ARIA labels, keyboard support, optimized rendering, and resilient navigation behavior are built in.

🌐 Live Demo & DocsExplore all features: MODAX Live Demo

One navigation engine. From simple landing pages to deeply structured product experiences.