Billing & Subscription Management

A billing page with current plan, usage meters, payment method, and invoice history.

Profile & Account profile-account billing saas shadcn complex

Prompt

Create a billing page with:

Current Plan card: plan name, price, usage meters (API calls, Storage, Seats) with progress bars, "Upgrade" and "Cancel" buttons

Payment Method: card display, update button

Add-ons: list with enable toggles

Invoice History: date, description, amount, status badge, PDF download — 6 rows with pagination

Plan Upgrade Modal: 3 plans, proration breakdown, confirm button

Use shadcn/ui, Tailwind CSS, dark mode

Share:Share on X