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.
Sticky Navbar with Product Mega-Dropdown
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.
Installation
$npx shadcn@latest add @vandoko/vkb-nav-03Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (page18 warm light editorial — Assembly / Sana AI / Contra) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/navbar3 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Navbar 3 - Sticky mega menu navbar (payload)
- Mobbin (page-coherent form spec): Assembly · Sana AI · Contra
Modifications
- renamed Navbar3 → VkbNav03; registry-alias imports + oklch semantic tokens
- trimmed enterprise multi-menu to ONE Product mega-dropdown over a data-driven two-column capability grid + flat links (Work/Approach/Pricing/Contact)
- dropped the source context-menu brand-download gimmick
- warm light editorial surface; rounded-full pill CTAs with ArrowRight; one cyan signal dot in the wordmark
- mobile full-screen drill-down drawer with body scroll-lock + Vandoko brand voice
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose campaign).
Related Components
Capability Mega-Dropdown Navbar
Premium dark navbar with a data-driven Product mega-dropdown, flat nav links, and a sign-in + solid primary CTA pair; collapses to a top sheet with accordion on mobile.
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.