What they pay, when, and what happens if it fails.
Nine components for plans, payments and invoices — subscription status, payment methods, payment recovery, checkout and cancel, plus the plan picker, invoice history, usage meter and receipt already free in the wild. They render billing state; your payment processor still owns the money. Copy a self-contained file in, or install the package shape that shares one token file.
One payment, no subscription. This collection, every other one, and the templates.
- 9
- components
- 3,535
- lines of source
- 2
- build shapes
- 4
- already free
All 9, running here
Not screenshots and not a video. Open any one and use it.
Subscription Status
PaidSix states, each with the date it depends on — and cancelled is not expired.
Plan Picker
FreeThe exact charge printed under the button: prorated today, then the renewal.
Invoice History
FreeThe next invoice as a dashed estimate above the record, and notes for odd amounts.
Payment Methods
PaidCards on file that warn about the renewal they will miss, not just the expiry date.
Payment Recovery
PaidA failed payment, each retry and the cutoff, drawn as places on a line.
Usage & Overage
FreeUsage projected from today's run rate, with the day you cross and what it costs.
Cancel & Downgrade
PaidDates first, the button in plain sight, and typing only for deleting now.
Receipt
FreeA printable receipt where a refund is a new line, never an edit.
Checkout
PaidTax resolved before the button, a discount code, and a slot for your processor's card field.
How you get it
Sign in, pay once, and your account is unlocked: copy the source from any component page, install with the shadcn CLI, or download the files. The source is yours to ship in as many projects as you like.
Lifetime access
$149$199
One-time payment. Every future release included.
Get lifetime accessAlready bought? Sign in
What you get:
- 65 components to build real product screens
- The Settle template, and every one after it
- Lifetime access to all components and upcoming updates
- One command to install with the shadcn CLI
- Works with any AI agent: Claude Code, Codex, Cursor and more
- Support by email from the person who wrote the code
- Install with one command, or copy and paste. Your choice
- Built with React, TypeScript and Tailwind CSS v4
Questions
Why not just use shadcn?
Use shadcn. This is not a button set — none of these exist there. The comparison is not “shadcn is free”, it is “the signing flow is three weeks of work and DocuSign is $40 per seat per month”.
Is this a subscription?
No. You pay once and keep the source, with every later release included. There is nothing to renew and nothing to cancel.
Can I buy just this collection?
No. There is one plan, lifetime access, and it includes this collection, every other one, the templates and everything released later.
How do refunds work?
Within 14 days, ask and it is refunded. Lemon Squeezy processes the payment and issues the refund, so you are never chasing an individual for money.
Does it render PDFs?
No, deliberately. The viewer takes a renderPage function, so you bring pdf.js, images or your own canvas. Bundling a PDF engine would add megabytes and pick your rendering strategy for you.