Sprint Walkthrough Feature Tabs
Tabbed feature section walking through a Vandoko sprint (strategy, design, engineering) with a contained media panel, mobile dot nav, and a subtle patterned background.
Vandoko Feature Tabs — Sprint Walkthrough
Tabbed feature section walking through a Vandoko sprint (strategy, design, engineering) with a contained media panel, mobile dot nav, and a subtle patterned background.
Installation
$npx shadcn@latest add @vandoko/vkb-feat-10Synthesis
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/feature186 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Feature 186 - Feature tabs with patterned background and mobile dots (payload)
- Mobbin (page-coherent form spec): Customer.io · HubSpot · Clearbit
Modifications
- fixed the broken mobile edge-fade: hsl(var(--background)) → var(--background) (the token is oklch, the hsl() wrapper broke it)
- replaced undefined bg-accent panel with the spec surface rounded-2xl border bg-card shadow-sm
- dropped pattern SVG opacity 0.30 → 0.06 + tightened the radial mask so the texture reads as subtle grain on the dark surface
- rebuilt copy as a brand-true sprint walkthrough (strategy/design/engineering), lucide Compass/PenTool/Rocket, cyan signal on active chip + selected dot
- registry-alias imports + oklch tokens only, dropped utils regDep
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (landing-page6, two-front campaign).
Related Components
Capability List & Sprint Board Feature
Asymmetric feature section with a capability list on the left and an inline sprint-board deliverable showcase on the right.
Centered Feature Link Cards
A centered section header above a grid of rounded media-tile link cards, each with a media image, category eyebrow, title, description, and a visit affordance.