MDX_NavEngine
V1.3.0A production-grade mega navigation engine for Framer with multi-level menus, responsive overlays, portal dropdowns, theme control, and flexible top or bottom placement.
01 Overview
MDX_NavEngine is a premium mega navigation component for Framer built for designers who need more than a simple navbar. It supports single-column menus, multi-column mega menus, icon grids, nested groups, page-section scrolling, external links, CTA buttons, announcement bars, compact-on-scroll behavior, and mobile overlay navigation. The component is designed around a recursive group-tree system, allowing root groups, subgroups, and deeper nested menu structures while protecting against circular references. Dropdowns render through React Portal, helping menus appear above page content without layout shifts or clipping issues. MDX_NavEngine is fully configurable from Framer's Properties panel, making it suitable for SaaS websites, documentation hubs, product directories, portfolios, app landing pages, and content-heavy Framer projects that need a polished navigation system without custom coding.
SaaS Website
Use multi-column product menus, grid-based integrations, and CTA buttons for a complete startup navigation system.
Documentation Hub
Organize API references, guides, resources, and nested documentation sections inside structured dropdown groups.
Portfolio Site
Build a refined navigation bar with light theme styling, single-column menus, and optional desktop burger behavior.
E-commerce Layout
Use bottom placement, category-heavy mega menus, and an announcement bar for product-led shopping experiences.
App Landing Page
Use icon-grid menus, compact logo behavior, and smooth section scrolling for feature-focused landing pages.
In-Page Section Menu
Connect nav items directly to Framer page sections using smooth scroll section IDs.
03 Features Stage
Three Menu Layouts
Choose Single Column, Multi Column, or Grid layouts for each dropdown menu.
05 Properties Gadget
07 User Guide
Add the component:
Drag MDX_NavEngine onto the Framer canvas at the document root instead of placing it inside a nested frame.
Build Navigation That Feels Like a Product System
MDX_NavEngine gives Framer designers a **premium navigation engine** with mega menus, nested groups, icon grids, CTAs, mobile overlays, and polished interaction behavior already built in.
Get MODAX Releases First
Early access to components, templates, and plugins — plus exclusive freebies and limited-time discounts.