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.
Vandoko Navbar — Features Dropdown Grid
Responsive navbar with a two-column features dropdown on desktop and a sheet + accordion on mobile, sign-in + solid primary CTA pair.
Installation
$npx shadcn@latest add @vandoko/vkb-nav-01Synthesis
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/navbar5 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Navbar 5 - Navbar with features dropdown grid (payload)
- Mobbin (page-coherent form spec): v0 · Coda · Linear
Modifications
- renamed Navbar5 → VkbNav01
- registry-alias imports + oklch semantic tokens
- pill CTAs (rounded-full) with ArrowRight
- Vandoko brand voice + nav IA (Product/Work/Approach/Pricing/Contact)
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose pilot).
Related Components
Complex Component
A complex component demonstrating hooks, libs, and multiple files with Pokemon API integration.
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.