A UI kit for SaaS interfaces
Every AI build looks the same.
Yours doesn't have to.
Components for the screens AI gets wrong: dashboards, tables, settings, onboarding, billing. Every one of them with loading, empty, error and disabled.
Works with
- shadcn/ui
- TypeScript
- Claude Code
The default look has a default price: nobody remembers your product.
Agents reach for whatever they've seen most. Same card, same table, same empty state, same gradient. It works, and it looks like everyone else. Put better components in your repo and that's what your agent reaches for next.
Built for the screens your product lives in.
Every component ships with loading, empty, error and disabled. Sixty components, four states each. 240 screens you don't have to build. That's the part templates skip.
Forms & Settings
Long forms, nested settings, validation and save states.
Onboarding
Empty states, first-run, checklists and the moment nobody designs.
Billing
Plans, usage, invoices and upgrade prompts.
Auth & Shell
Sign in, nav, command menu, and the frame around all of it.
See every component before you pay for one.
The whole catalogue is public. Real components running in the page, not screenshots. Click through every state, on any component, without an account.
Free, forever
The full gallery. Every component, every state, live and shareable.
Paid
The source code. Copy it into your repo and it's yours.
Point your agent at it. Keep building.
BROWSE
Find the screen in the gallery. Click through the four states before you commit to it.
COPY
Take the source and paste it in. It's your file from that moment, not a dependency.
SHIP
Plain Next.js and Tailwind. No runtime, no lock-in, no attribution.
Light and dark, both done properly.
Accessible by default. Keyboard, focus, contrast.
Typography that survives long content.
Motion where it helps, nowhere else.
Shadcn-compatible, so it drops into what you already have.
Written to be read. Clear names, no clever abstractions.
Subscribe for what ships next. Keep the code either way.
Free
$0
forever
- A starter set of components.
- Full source, all four states.
- Personal and commercial projects.
Pro
Popular$19
per month
- One developer.
- Every component, every state.
- Everything that ships after you join.
Team
$29
per seat / month
- Three seats minimum.
- Everything in Pro.
- Your brand tokens across the kit.
- Shared config and support.
Studio
$499
per month
- Unlimited seats.
- Unlimited client projects.
- Unbranded output.
- Resale rights.
Pay yearly, two months free.
The code you copied is yours, permanently.
Cancel whenever you want. Every component already in your repo stays there, in production, on any project, forever. Cancelling stops new components and updates. It doesn't reach into your codebase.
Questions, answered.
No. It's a component library your agent uses so its output stops looking generated.
No. Copy the components and build by hand if you prefer.
shadcn gives you primitives. This gives you the assembled screens on top of them, plus every state.
Tailwind Plus is broad: marketing, ecommerce, application UI. This is narrow and deep. Only the screens a SaaS ships, and every one of them with loading, empty, error and disabled. Fewer components, and they're the ones you'd otherwise build twice.
Because the kit isn't finished and shouldn't be. New screens, new states, new framework versions. A one-time price funds the launch, then stops funding the work. The subscription is what keeps components shipping.
Nothing in your repo changes. Every component you copied stays yours, in production, on any project, forever. You stop getting new components and updates.
Yes. Every component, every state, live and interactive, no account. Paying gets you the source.
Yes. From the moment you paste it in.
One designer and engineer, building the kit they wanted. DGTR is a brand of Digitaera.