Registry UIteam shadcn registry library
Back to components
Commerce

Pricing Card

A reusable plan card with feature highlights and a primary action.

Preview
This is the same source that shadcn installs from the generated JSON.
Team
For small product teams that need shared UI blocks.
Popular
$29per seat / month
  • Registry installs
  • Preview workspace
  • Shared component notes
Install
After building the registry and starting the dev server, run this command in a consuming project.
installpnpm dlx shadcn@latest add http://localhost:3000/r/pricing-card.json
Source and dependencies
Confirm the source path, registry dependencies, and npm dependencies before installing.
Source pathregistry/default/pricing-card/pricing-card.tsx
Registry dependencies
badgebuttoncardseparator
NPM dependencies
lucide-react
View source