Pricing Plan Switch

block

A pricing section where picking a plan morphs the name badge, crossfades the description and spins the price with Number Flow, while the checklist lights up its included rows. A monthly/yearly toggle re-spins the price.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/pricing-plan-switch.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Pricing Plan Switch – shadcn/ui Block by tween-ui | shadcnregistry

Registries
tween-ui
Pricing Plan Switch

Pricing Plan Switch

block

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/pricing-plan-switch.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

gsap
@gsap/react
@number-flow/react

components/tweenui/pricing-plan-switch.tsx

gsap
@gsap/react
@number-flow/react

components/tweenui/pricing-plan-switch.tsx