01 / 043 tiers · featured plan · checklist
Pricing 1
Three-tier card row with a featured middle plan. Each card lists price, blurb, feature checklist and a primary or outline CTA.
npx shadcn@latest add https://hirael.com/r/pricing-01.jsonThree-tier card layouts and feature-comparison tables, each with per-tier CTAs.
4 blocks, live at full size, install from here
01 / 04|3 tiers · featured plan · checklist
Three-tier card row with a featured middle plan. Each card lists price, blurb, feature checklist and a primary or outline CTA.
npx shadcn@latest add https://hirael.com/r/pricing-01.json02 / 04|Comparison table · sticky header · per-tier CTA
Compare-by-feature pricing table with sticky tier header (tier name, price, CTA) and ~8 feature rows below.
npx shadcn@latest add https://hirael.com/r/pricing-02.json03 / 04|Billing toggle · animated price · featured plan
Three-tier card row with a monthly/yearly billing toggle that tweens the price, a featured plan, per-plan icon, feature checklist and CTA.
npx shadcn@latest add https://hirael.com/r/pricing-03.json04 / 04|Three tiers · featured glow · quota checklist
Three-tier pricing row with an uppercase plan label, a large price, a tagline, a full-width CTA and a check-marked quota list per tier; the featured tier gets a warm border, a top radial glow and a most-popular badge.
npx shadcn@latest add https://hirael.com/r/pricing-04.json