---
title: "DuoPane MegaNav — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Erfan K. · Navigation. DuoPane MegaNav helps you build navigation that feels premium from the first click."
canonical: "https://framer.elliotli.dev/component/duopane-meganav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/DuoPane MegaNav

# DuoPane MegaNav

Flexible mega menus for Framer

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

![DuoPane MegaNav preview image 1](https://framer.elliotli.dev/og/component/duopane-meganav/b5ef4c1cbd17bd11/1600x1200.jpg)

## Summary

DuoPane MegaNav helps you build navigation that feels premium from the first click.

## Description

**DuoPane MegaNav helps you build navigation that feels premium from the first click.**

It goes beyond a basic dropdown by combining a polished link column with a rich showcase area, giving you the flexibility to create modern mega menus that look structured, interactive, and ready for real projects. Perfect for SaaS websites, product pages, documentation hubs, and modern landing pages.

## See How It Works

### Why it stands out

-   **Build richer navigation experiences** with a two-pane mega menu layout
    
-   **Add showcase content** with per-link slides or shared carousel content
    
-   **Customize the details** from trigger styles and spacing to blur, borders, alignment, and hover states
    
-   **Choose how it opens** with hover or click interaction modes
    
-   **Design for every screen** with a responsive mobile drawer and nested sub-links
    
-   **Create cleaner navigation systems** that feel more useful, visual, and product-ready
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-qv907eyf-wIEIXjwHRcrTFv4uucDodeZkvcyvSK)

### Built for flexibility

-   Trigger button controls for label, size, colors, radius, chevron, and open behavior
    
-   Mega menu controls for panel width, offset, blur, border, shadow, and alignment
    
-   Primary link controls for icons, titles, descriptions, hover styling, and spacing
    
-   Showcase controls for headings, slide area width, and rich preview content
    
-   Carousel controls for height, autoplay, arrows, dots, and transition timing
    
-   Mobile drawer controls for breakpoint, drawer width, icons, descriptions, and nested links
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-qv907eyf-Li4baZvCSyhUMExqxXTXsDcI2ZJWZw)

### Ideal for

-   SaaS navigation
    
-   Product marketing sites
    
-   Docs and resource hubs
    
-   Startup landing pages
    
-   Content-heavy websites
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-qv907eyf-0qDZb48OF4lLlJVr3JkmFjmpAMdvI8)

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

-   All · #3668

## Details

- **Author**: Erfan K.
- **Price**: $5.00
- **Published**: 2026-04-27
- **Updated**: 2026-04-27
- **Added**: 2026-04-16
- **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