Plan icons with exclusions
FreeThree plans with icons and the same feature rows in each, missing ones struck out.
pricing-12 · v1.0.0 · Pricing block 12 of 30
npx shadcn@latest add @lib/pricing-12About this pricing block
Plan icons with exclusions is a free pricing block for shadcn/ui. Three plans with icons and the same feature rows in each, missing ones struck out. It's one React file built on the shadcn/ui 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/section-frame
- shadcn/ui: button
- npm: lucide-react
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.