A set of production-ready React components and flows tailored for Next.js SaaS products.

Can I customize the components?

Yes. Everything is built with Tailwind CSS, TypeScript, and shadcn/ui primitives for easy theming.

Stop pretending you enjoy Figma.

Billing, dashboards, and launch templates for React + Tailwind. Looks like Dribbble, lives in your editor.

TypeScript-ready

Dark mode built-in

Accessible components

One-time purchase

Who it's built for

• SaaS founders who want a clean UI without hiring designers
• Indie hackers tired of rebuilding the same components
• Developers using Next.js + shadcn/ui who want better defaults

What you get

The essentials every SaaS needs

Pricing tables. Team invites. Usage meters. Data tables.
The building blocks you keep rebuilding. Now you don’t have to.

Billing

Clear pricing tables, simple checkout flows, usage meters, and invoices that make sense.

View components

User Management

Teams, roles, sessions, API keys, and org switching — built the right way.

View components

Onboarding

Setup wizards, checklists, product tours, and empty states that guide users, not confuse them.

View components

Data & Analytics

Clean tables, simple charts, notifications, and activity feeds — no clutter, just clarity.

View components

AI-Assist

Command palette, prompt inputs, streaming responses, chat, and content generation that feel native.

View components

Templates

Full-page layouts for dashboards, billing, and indie launch planning.

View components

Open component docs

Why I built this

Because ChatGPT components look like ChatGPT components

Your users can tell when a UI feels generic. I've shipped 3 SaaS products. These components are the billing pages, dashboards, and onboarding flows I use in real apps — cleaned up and ready to drop into your Next.js project.

Copy, paste, and ship in minutes

TypeScript-first so it fits real SaaS codebases

Dark mode designed, not just inverted colors

Works out of the box with shadcn/ui

Accessible patterns so more people can use your app

Responsive layouts that work on desktop and mobile

The deal

$49. One time. No subscriptions.

Early-buyer pricing. You get the full library today, plus every new component I add — at no extra cost. No tiers. No seats. No recurring plans.

Pre-launch pricing. Increasing soon.

$49$99

one-time payment • all updates included

All 31 components, ready to drop into your app

3 full templates (dashboard, billing, launchpad)

Free updates as the library grows

Dark mode built in

Unlimited use for personal and client projects

New components are added regularly. The price increases as the library grows. Discount available for the first 20 sales only. Lock in this price permanently by buying now.

How it works

Go from purchase to production-ready in 3 steps

No new tools. No learning curve. Just components that fit the stack you already use.

Step 1

Add the components to your Next.js project

Install shadcn/ui (if you haven’t already), drop the files in, and use them like any other React component.

Step 2

Update the text and styling

Replace the copy, tweak the colors, and match your brand. Everything is simple JSX and Tailwind.

Step 3

Ship a polished SaaS UI fast

Skip the slow parts. Launch billing pages, onboarding flows, and dashboards in a fraction of the time.

FAQ

Common questions

Look, you're gonna build this stuff anyway

Question is: you want to spend a weekend on it, or 5 minutes?