Best value and reassurance
FreeMonthly, yearly and lifetime options with a best value badge, guarantees and payment logos.
pricing-15 · v1.0.0 · Pricing block 15 of 30
npx shadcn@latest add @lib/pricing-15About this pricing block
Best value and reassurance is a free pricing block for shadcn/ui. Monthly, yearly and lifetime options with a best value badge, guarantees and payment logos. It's one React file built on the shadcn/ui Badge, Button components, uses only your theme tokens, animates in as it scrolls into view and stays still for visitors who ask for less motion, and works in Next.js, Vite, React Router, TanStack Start and Astro.
What's inside
- Entrance animation, with a reduced-motion fallback
- Light and dark mode from your theme
- Responsive, from phone to desktop
What it installs
- @lib/brand-logo
- @lib/section-frame
- shadcn/ui: badge, button
- npm: lucide-react, simple-icons
Versions
- v1.0.0 20 new pricing sections
More pricing blocks
Pricing tables with monthly and yearly toggles, comparisons, usage calculators, credits and one-time plans.