Sprint Pricing Switch Carousel
Warm-light pricing section with a monthly/annual switch, three Vandoko sprint tiers (Starter, Growth, Premium) as cards, feature lists, and a masked mobile carousel below the lg breakpoint.
Sprint Pricing — Switch & Mobile Carousel
Warm-light pricing section with a monthly/annual switch, three Vandoko sprint tiers (Starter, Growth, Premium) as cards, feature lists, and a masked mobile carousel below the lg breakpoint.
Installation
$npx shadcn@latest add @vandoko/vkb-price-02Synthesis
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/pricing44 |
| Version | 1.0.0 |
| Curated | 2026-05-25 |
| License | Commercial |
Sources
- shadcnblocks — Pricing 44 - Narrow stacked three-plan pricing with switch and mobile carousel (payload)
- Mobbin (page-coherent form spec): Assembly · Sana AI · Contra
Modifications
- oklch semantic tokens; warm light editorial — rounded-2xl cards on bg-card, recommended tier lifts to shadow-md
- monthly/annual Switch with active-label signal; masked mobile Carousel below lg, desktop grid above
- defaultProps typed
Required<Omit<…,'className'>>; cyan reserved for the recommended tier CTA + badge + active billing label - three real Vandoko sprint tiers (Starter/Growth/Premium); no lorem
Ported by shadcnblocks-pages-importer v1.2.0 → component-creator (page-decompose campaign).
Related Components
Three-Tier Sprint Pricing
Monthly/annual toggle pricing section with three Vandoko sprint plans (Sprint, Scale, Partner), feature lists, and primary/outline CTAs.
Four-Tier Static Sprint Pricing Table
Static four-column divided pricing grid with feature lists and a highlighted recommended plan — distinct from vkb-price-01's monthly/annual toggle.