Billing Blocks
Billing UI built with shadcn/ui: plan summary cards, invoice tables, usage meters, payment-method managers with add-card dialogs, a proration-preview plan changer, an invoice composer wizard, and dunning queues with retry timelines. SaaS monetization screens with the fiddly states already modelled.
Billing 1
FreeCurrent-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog of radio tiers for switching plans.
Billing 2
FreeInvoice history table with checkbox selection, status badges, per-row download links, and a bulk download of the selected billing invoices.
Billing 3
FreeBilling page combining a plan summary, storage usage bar, payment method card, and a sortable, paginated invoice table.
Billing 4
FreeUsage metering card with progress bars for seats, storage, API requests, and bandwidth, plus an estimated billing total for the cycle.
Billing 5
FreePayment methods list of saved cards with a default badge, set-default and remove actions, and an add-card dialog.
Billing 6
FreeAdd payment method form with name, card number, expiry, CVC, a country select, and a set-as-default switch.
Billing 7
ProRevenue console with a counting outstanding balance, a past-due recovery banner, and an invoice ledger table with customer logos and pagination.
Billing 8
ProBilling plan catalog editor with per-seat plan cards, feature and add-on rows, and Active/Public switches that raise an unsaved-changes banner.
Billing 9
ProSubscription billing accounts table filtered by tabs, with recovery stat cards, health star ratings, owner avatars, and radial readiness gauges.
Billing 10
ProFour-step invoice creation wizard with a stepper, customer and line-item forms, quantity steppers, and a running total that counts up.
Billing 11
ProSubscription change-plan flow pairing a radio tier picker with a live proration preview of current credit, new charge, and amount due today.
Billing 12
ProFailed payment dunning queue with metric cards, trend sparks, and past-due rows that expand into a retry-attempt timeline with failure codes.
Billing 13
ProBilling coupons manager listing promo codes with usage meters and status badges, each expanding to a discount, limit, and eligible-plans editor.
Billing Blocks FAQ
Keep Browsing
Billing blocks also appear in the free page templates above: full pages you can install with one command.