Pricing Blocks
Browse all available pricing section blocks
Pricing Blocks
Pricing blocks showcase your pricing plans with animated transitions and beautiful layouts.
Pricing Simple
A clean single-tier pricing section with animated price transitions and annual/monthly toggle.
Installation
pnpm dlx shadcn add @smoothui/pricing-1npx shadcn@latest add @smoothui/pricing-1yarn dlx shadcn add @smoothui/pricing-1bunx shadcn add @smoothui/pricing-1Pricing Modern
A modern three-tier pricing section with featured plan highlighting and gradient accents.
Installation
pnpm dlx shadcn add @smoothui/pricing-2npx shadcn@latest add @smoothui/pricing-2yarn dlx shadcn add @smoothui/pricing-2bunx shadcn add @smoothui/pricing-2Pricing Creative
A creative two-plan pricing section inspired by Vercel, perfect for SaaS products.
Installation
pnpm dlx shadcn add @smoothui/pricing-3npx shadcn@latest add @smoothui/pricing-3yarn dlx shadcn add @smoothui/pricing-3bunx shadcn add @smoothui/pricing-3