Back to components
Payments component
Subscription Plan Card
Selectable subscription plan with price, interval, trial badge, features, and highlight variant.
Install
What it does
- Price with currency + interval (per month / every 3 months)
- Trial-days badge
- Feature checklist
- Selected and highlight (most-popular) variants
When to use
Use it
Pricing pages, paywalls, upgrade screens.
Skip it
Comparison tables (those need a wider/different layout).
Files & routes added
- components/payments/subscription-plan-card.tsx