Editorial Mega-Menu Navbar
A sticky editorial navbar with grouped two-pane mega-menus, a featured tile, flat links, and a mobile accordion overlay.
Editorial Mega-Menu Navbar
A sticky editorial navbar with grouped two-pane mega-menus, a featured tile, flat links, and a mobile accordion overlay.
Installation
$npx shadcn@latest add @vandoko/vkb-nav-05Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (Cosmos / Dribbble / Behance design-community editorial language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/navbar14 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Navbar 14 - Education mega menu navbar (payload)
- Mobbin (page-coherent form spec): Cosmos
Modifications
- oklch token conversion
- Cosmos/Dribbble/Behance editorial form: minimal chrome, rounded-2xl mega panels
- typographic wordmark + cyan dot (no img)
- featured tile typographic (no img)
- sticky not fixed
- Vandoko IA: Discover/Learn mega-menus, Work/Approach/Studio/Pricing/Contact
- dropped utils dep
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page7, two-front campaign).
Related Components
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.
Icon Mega-Panel Platform Navbar
Platform navbar whose desktop navigation-menu opens icon mega panels, with a mobile accordion drawer and a "Start a sprint" CTA.