Components

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.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/vkb-feat-10

Synthesis

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

PropertyValue
Source@shadcnblocks/feature186
Version1.0.0
Curated2026-05-25
LicenseCommercial

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).

On this page