---
title: "MDX_DocMenu — Framer component · Best of Framer"
description: "$29.00 · Framer component · by MODAX · Navigation. MDX_DocMenu 🧭 Apple-Style 3D Dock Navigation for Framer Bring the iconic macOS dock experience to Framer with a premium navigation…"
canonical: "https://framer.elliotli.dev/component/mdx-docmenu"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/MDX\_DocMenu

# MDX\_DocMenu

Apple-Style Dock Navigation

[View on Framer](https://framer.com/marketplace/components/mdx-docmenu/?via=elliot-li)

![MDX\_DocMenu preview image 1](https://framer.elliotli.dev/og/component/mdx-docmenu/5d581260a43ddae9/1600x1200.jpg)

## Summary

MDX\_DocMenu 🧭 Apple-Style 3D Dock Navigation for Framer Bring the iconic macOS dock experience to Framer with a premium navigation system that replaces traditional navbars with a…

## Description

## MDX\_DocMenu

### 🧭 Apple-Style 3D Dock Navigation for Framer

Bring the iconic macOS dock experience to Framer with a premium navigation system that replaces traditional navbars with a compact, interactive dock.

MDX\_DocMenu features a glassmorphic 3D prism tray, dynamic icon magnification, smooth section scrolling, and intelligent overflow handling. Whether you're building documentation, portfolios, SaaS products, landing pages, or storytelling experiences, it delivers a polished navigation experience that feels familiar and engaging.

### ✨ Key Features

-   🪄 Apple-style icon magnification
    
-   🧊 Glassmorphic 3D prism tray
    
-   🔗 Internal page, external URL, and section navigation
    
-   🎯 Animated active indicator
    
-   🪞 Icon reflection effects
    
-   📐 Intelligent auto-sizing tray
    
-   ↔ Smart overflow scrolling
    
-   ♿ Accessibility-ready structure
    
-   ⚡ Production-ready performance
    

### 🎯 Perfect For

-   Documentation sites
    
-   SaaS products
    
-   Portfolios
    
-   Agency websites
    
-   Landing pages
    
-   Storytelling experiences
    
-   Educational platforms
    
-   Product showcases
    

### 🔀 Flexible Navigation

Use MDX\_DocMenu as a full site navigation system or a page-section controller.

Each item can:

-   Navigate to Framer pages
    
-   Open external links
    
-   Smoothly scroll to page sections
    

### 💎 Why Choose MDX\_DocMenu?

Traditional navbars consume valuable screen space and often feel disconnected from the experience. MDX\_DocMenu transforms navigation into an interactive element that is visually engaging, space-efficient, and easy to configure.

With premium animations, responsive behavior, and a refined visual aesthetic, it helps your Framer projects feel more polished while improving navigation clarity.

🔗 **Live Demo & Documentation**

Explore MDX\_DocMenu in action, view implementation examples, and read the complete documentation:`https://modax.framer.website/mdx-components/mdx-dock-menu`

**MODAX Premium UI Library**

## Rank history [How rankings work →](/terms#rankings)

-   All · #8917

## Details

- **Author**: MODAX
- **Price**: $29.00
- **Published**: 2026-03-25
- **Updated**: 2026-09-29
- **Added**: 2026-03-11
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation