SaaS Nav Kit — Framer Code Component (Navbar + Mega Menu + Mobile Drawer)

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

LIVE DEMO: https://thistle-timing-694660.framer.app/saas-nav-kit

KEY FEATURES

• Announcement bar with dismiss button
• - Sticky navbar with scroll shadow (place the component as a direct child of the page)
• - Column-based mega menus: build any structure with two flat lists linked by menuKey - no nested data needed
• - Mobile drawer with accordion sections, Esc to close
• - Keyboard and screen-reader friendly: aria-expanded, role=dialog, focus handling, Esc closes menus
• - prefers-reduced-motion support and static-canvas fallback
• - Container-based responsive breakpoint, box-sizing safe (no horizontal overflow)
• - Fully styleable from the properties panel: colors, logo, items, menu entries, CTAs, drawer

HOW IT WORKS

After purchase you get the component URL - paste it into any Framer project and it installs instantly. Configure everything visually from the properties panel. Works on the Framer free plan.

Includes lifetime updates. Built by Aisol Studio. Pairs well with CMS Filter Gallery and CMS Link Carousel.