Skip to content

component

DuoPane MegaNav

By Erfan K.

Details

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 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 Ideal for SaaS navigation Product marketing sites Docs and resource hubs Startup landing pages Content-heavy websites

Introduction

Flexible mega menus for Framer

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600167728/148/228/309/79/15
  • All · #658