DuoPane MegaNav

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