SaaS Nav Kit

Navbar, mega menu, mobile drawer

A complete SaaS navigation set in one component: announcement bar, sticky navbar with scroll shadow, column-based mega menus, primary and secondary CTAs, and a mobile drawer with accordion sections.

Build any mega menu structure without nested data: two flat lists (nav items and menu entries) linked by a menuKey. Leave the key empty for a plain link. Columns are generated from the group field.

Accessibility built in: aria-expanded on mega buttons, role=dialog drawer, Esc closes menus and the drawer, keyboard navigation, prefers-reduced-motion support. Static canvas fallback keeps the editor fast, and the layout is box-sizing safe with no horizontal overflow.

For the sticky navbar to work, place the component as a direct child of the page - not inside a wrapper frame.

Everything is configurable from the properties panel: announcement bar, logo, nav items, menu entries, CTAs, colors and the mobile breakpoint.

Try the live demo, then get the component and paste it straight into your project. Works on the free plan. More components: search Aisol on the Marketplace.