Skip to content
notchset
Join the waitlist
6 pieces · 2 free · 4 Pro

Account lifecycle

Every step a customer takes with their own account, each in place and each honest about what happens.

Start here

Preview the pieces, then open the connected journey.

Verify emailSettingsPRO
Cancel flowBillingPRO

The journey

Follow a complete task.

An account from its first confirmed email to its last export: verify in place, cancel honestly, delete only after the export, and choose what reaches you.

  1. Type a wrong code, then a right one, and watch the strip go.
  2. Cancel a plan: pick why, see the one offer that fits, then the day it ends.
  3. Open Delete: the export is made and shown done before the name is asked for.
  4. Turn a group of notifications off and on again; it comes back as it was.

States it handles

A wrong code said and cleared, a new code counted down, a cancel with its reason and the one offer that fits, a plan that ends on a named day with Resubscribe, an export shown done before the name is typed, a group of notifications turned off and back on as it was.

Your application stays in charge.

The demo keeps a fictional account in the page. Your sign-in service sends and checks codes, your billing cancels, your server makes the export and deletes, and your sender reads the preferences.

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/verify-email @notchset-pro/cancel-flow @notchset-pro/delete-workspace @notchset-pro/notification-prefs @notchset/radio-cards @notchset/text-field

Start with the free pieces

No account, no setup. One command for every shadcn style.

pnpm dlx shadcn@latest add https://notchset.dev/r/radio-cards.json https://notchset.dev/r/text-field.json

New project? Set up your project. The full kit includes Pro pieces and uses your authorized registry setup.

6 live pieces

What it's made of

Keep the detail.
Make it yours.