MDX_DocMenu: Premium Navigation Component by Kaleem Mohammed

Marketplace Components Categories Navigation

MDX_DocMenu brings the iconic macOS dock experience to Framer. A glassmorphic 3D prism tray with dynamic icon magnification replaces bulky navbars with a compact navigation system that supports page links and smooth section scrolling for docs, portfolios, SaaS

About this Component

MDX_DocMenu is a premium Framer code component inspired by the Apple macOS dock. It introduces a compact, interactive navigation system with a glassmorphic 3D prism tray, dynamic icon magnification, and smooth navigation behavior.

Icons magnify based on cursor proximity, creating a familiar dock-style interaction. Each item can link to internal Framer pages, external URLs, or smoothly scroll to page sections, allowing the dock to function as either a full navigation bar or a section controller.

The tray automatically sizes to the number of icons provided and gracefully enables masked horizontal scrolling when space becomes limited, ensuring the dock remains visually intact while allowing additional items.

Additional capabilities include icon reflection effects, an animated active indicator dot, accessibility support with role="navigation" and customizable ARIA labels, and resilient Framer navigation with zero external dependencies.

MDX_DocMenu is well suited for documentation sites, SaaS landing pages, portfolios, storytelling pages, educational platforms, and long-form editorial layouts.