Skip to content
6

Pricing.

Three-tier card layouts and feature-comparison tables, each with per-tier CTAs.

4 blocks, live at full size, install from here

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.json

02 / 04Comparison table · sticky header · per-tier CTA

Pricing 2

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.json

03 / 04Billing toggle · animated price · featured plan

Pricing 3

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.json

04 / 04Three tiers · featured glow · quota checklist

Pricing 4

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