Pricing Card

A single plan with features and an upgrade button.

Copy prompt

Pro

Popular

$24/mo

  • ✓ Unlimited agents
  • ✓ Priority runs
  • ✓ SSO
Upgrade

When to use

  • A single plan with features and an upgrade button.
  • You want a pricing piece that already handles empty, loading and dark states.

Installation

Add Pricing Card with the shadcn CLI – your project needs a components.json – or copy the file by hand.

Pro items install with your personal access key – set it up once, then the command below works.

$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/pricing-card.json

API reference

PricingCard

PropTypeDefaultDescription
classNamestring–Extra classes on the root element.
look"classic" | "clean""classic"Visual style. Both follow your light or dark theme.
Elysium UI · 17 components · 3 screens · 4 blocks · 5 illustrations · 4 motion effects