Pricing 2: Three Tiers With Billing Toggle

block

Three plan cards with a monthly/yearly switch. Prices roll to the new value, a savings badge and billed-total line update, and the middle plan is lifted with a border beam.

pnpm dlx shadcn@latest add "https://ui.ballmac.com/r/pricing-2.json"

Sign In

Pricing 2: Three Tiers With Billing Toggle

block

Three plan cards with a monthly/yearly switch. Prices roll to the new value, a savings badge and billed-total line update, and the middle plan is lifted with a border beam.

pnpm dlx shadcn@latest add "https://ui.ballmac.com/r/pricing-2.json"

lucide-react

@components/ballmac/blocks/pricing-2/pricing-2.tsx

lucide-react

@components/ballmac/blocks/pricing-2/pricing-2.tsx