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.
Navbar with Capability Mega-Dropdown
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.
Installation
$npx shadcn@latest add @vandoko/vkb-nav-02Synthesis
Design synthesis (not a recolor): shadcnblocks structure + Mobbin form (v0 / Coda / Linear landing language) + Vandoko color & content (oklch tokens, cyan as signal, brand-true copy).
Lineage
| Property | Value |
|---|---|
| Source | @shadcnblocks/navbar4 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
Modifications
- trimmed 5-panel enterprise mega-menu to a single Product mega-dropdown + flat Vandoko IA (Product/Work/Approach/Pricing/Contact)
- data-driven capabilities/links arrays + CapabilityLink sub-component
- removed external logo/placeholder imgs + flag-emoji regions; Vandoko text wordmark + one accent dot
- Sheet(side=top)+Accordion mobile drawer (matches vkb-nav-01)
- oklch semantic tokens; cyan confined to CTA fill + accent dot
- sign-in link + solid pill 'Start a sprint' CTA with ArrowRight
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose pilot).
Related Components
Features Dropdown Navbar
Responsive navbar with a two-column features dropdown on desktop and a sheet + accordion on mobile, sign-in + solid primary CTA pair.
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.