Billing and plans
A plan decision that stays clear through payment.
Start here
Start with the complete picture.
Preview the pieces, then open the connected journey.
The journey
Follow a complete task.
Choosing a plan, paying for it and seeing exactly what was charged.
- Pick a plan and a billing period.
- Pay, and see each line and the total agree.
- Try a payment that fails and retry it.
States it handles
A yearly saving shown honestly, a payment that fails and retries, totals that agree line by line.
Your application stays in charge.
Amounts belong to a fictional demonstration. Your billing provider calculates real prices and payment results.
Own the source
Add the kit, or start with a few pieces.
Every piece installs with the shadcn CLI and becomes source in your repo. Free pieces stay free; Pro unlocks the rest of every kit.
Add the whole kit
With Pro, after the one-time registry setup. One set of files for any components.json style, Base or Radix; the primitives run on Base UI.
pnpm dlx shadcn@latest add @notchset-pro/plan-picker @notchset-pro/express-pay @notchset-pro/line-items @notchset-pro/price-summary @notchset/rolling-numberStart with the free pieces
No account, no setup. One command for every shadcn style.
pnpm dlx shadcn@latest add https://notchset.dev/r/rolling-number.jsonNew project? Set up your project. The full kit includes Pro pieces and uses your authorized registry setup.
5 live pieces