Grouped Mega-Menu Navbar
Sticky navbar with grouped mega-menu dropdowns on desktop and a mobile sheet + accordion drawer, sign-in link + solid primary CTA.
Vandoko Navbar — Grouped Mega Menus
Sticky navbar with grouped mega-menu dropdowns on desktop and a mobile sheet + accordion drawer, sign-in link + solid primary CTA.
Installation
$npx shadcn@latest add @vandoko/vkb-nav-04Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (Customer.io / HubSpot / Clearbit classic-SaaS landing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/navbar11 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Navbar 11 - Fixed navbar with grouped mega menus (payload)
- Mobbin (page-coherent form spec): Customer.io · HubSpot · Clearbit
Modifications
- synthesized navbar11 structure (grouped navigation-menu mega-dropdowns + mobile Sheet/Accordion) with the landing-page6 airy classic-SaaS form
- switched root from fixed to sticky top-0 (in-flow, matches sibling vkb-nav-03; no hero overlap in the page assembly)
- Vandoko IA: Product (Build/Grow groups), Work, Approach (process group), Pricing, Contact
- mega-menu panels as rounded-2xl border bg-card cards with size-9 bordered icon tiles, cyan signal dot on wordmark
- registry-alias imports + oklch tokens only, lucide-react only, dropped utils regDep
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page6, two-front campaign).
Related Components
Sticky Product Mega-Dropdown Navbar
Warm light editorial sticky navbar with a data-driven Product mega-dropdown, flat nav links, and a sign-in + solid primary CTA pair; collapses to a full-screen drill-down drawer on mobile.
Editorial Mega-Menu Navbar
A sticky editorial navbar with grouped two-pane mega-menus, a featured tile, flat links, and a mobile accordion overlay.