Everything you might ask
Short, honest answers. If something's missing, it's probably on the pricing page.
What is SaaS Design? +
SaaS Design is an AI design system: a professional, opinionated UI system that your AI coding agent installs directly into your project. It covers the patterns every SaaS rebuilds from scratch (dashboards, data tables, settings, onboarding, authentication, and billing) as React + Tailwind code, installed in one prompt so your app looks like a high-growth company built it instead of a generic AI default.
How do I install it? +
Exactly like Mixpanel's 'Install with AI': open your AI coding agent (Claude Code, Claude Cowork, Cursor, or similar) and paste one line: 'Set up SaaS Design in this project. Use the SaaS Design skill: https://www.saasdesign.io/skill.md'. The agent reads the SaaS Design skill, scans your codebase, and installs the design system and the components you need. Your code never leaves your environment.
How do I make my AI-built app not look AI-built? +
Install SaaS Design. AI builders default to the same generic look because they have no design opinion. SaaS Design gives your agent a complete, opinionated design system to build from, so spacing, hierarchy, color, and component states are all handled and your app reads as a professionally designed product. Paste one line into Claude Code, Claude Cowork, or Cursor and it applies the system across your screens.
What's the best design system for Claude Code, Claude Cowork, or Cursor? +
SaaS Design is built specifically for the install-with-AI workflow. Instead of you wiring up tokens and components by hand, your agent reads the SaaS Design skill and installs a cohesive, production-ready SaaS design system directly into your React + Tailwind project, in one prompt.
Is this an alternative to the default shadcn look? +
Yes. shadcn/ui is great primitives, but every AI-built app ships with the same unstyled defaults. SaaS Design is an opinionated system layered on that foundation, with real design decisions made for you, so your app looks distinctive and finished instead of like every other AI project.
How is this different from a UI kit or hiring a designer? +
A UI kit is files you still have to assemble and style; a designer is weeks of time and thousands of dollars. SaaS Design is a complete, opinionated system your AI agent installs into your codebase in one prompt, for a one-time price, giving you a high-growth-company look in minutes without design work.
Who is it for? +
Founders and developers building SaaS apps with AI coding tools, early-stage teams who need to ship polished UI fast without a dedicated design team, and agencies building SaaS products for clients.
What frameworks does it support? +
You choose at install time: React, Vue, or plain HTML, all on Tailwind CSS. The whole system ships in all three, from the primitives to the dashboards, data tables, settings, billing, auth, onboarding, and landing templates. It works with any AI coding agent that can read a URL and write files, including Claude Code, Claude Cowork, and Cursor.
How is it priced? +
There is a free tier with 12 starter components you can install with AI or copy by hand. Starter is a one-time $97 purchase for the full v1 system, in React, Vue, or HTML, with lifetime access. Pro is $249/year for ongoing new components and updates as we ship them. Team/Agency is $990/year for up to 10 seats with white-label client usage rights. You only subscribe if you want continuing updates.
Can I use it in commercial and client projects? +
Yes. All paid tiers allow commercial use. The Team/Agency tier adds explicit white-label and resale rights so agencies can ship the components inside client projects.
Do I need to credit SaaS Design? +
No attribution is required for any tier. The components are yours to ship.
Ready when you are
Start with free components or get the full library today.