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