React pricing sections
Free pricing tables and pricing sections for React and Tailwind CSS, with monthly/yearly toggles, highlighted plans and comparison rows.
Three-tier pricing
Three plan cards with a monthly/yearly switch, a savings badge and a highlighted middle plan.
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/pricing-three-tiers.jsonInstalls to components/blocks/pricing-three-tiers.tsx with Blur Fade, Border Beam, Grid & Dot Pattern and Number Ticker.
Single plan pricing
One all-inclusive plan card beside a benefit list and short reassurance answers.
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/pricing-single-plan.jsonInstalls to components/blocks/pricing-single-plan.tsx with Avatar Circles, Blur Fade, Glowing Effect, Grid & Dot Pattern and Spotlight Card.
Pricing comparison table
Grouped feature comparison table with a sticky plan header, and per-plan tabs on mobile.
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/pricing-comparison.jsonInstalls to components/blocks/pricing-comparison.tsx with Blur Fade.