Beautiful Cursor templates & AI design system
Nine landing page templates and a full app UI, as React, Vue, and HTML code files. Drop them into Cursor and its agent wires them into your project, so what you ship looks like a top-tier startup.
Install the SaaS Design Cloud template into my app folder.Works in Cursor, Claude Code & Codex · React, Vue or HTML · No attribution required
Pick a template and let Cursor build it (for unlimited projects)
Each one is a complete, responsive marketing site in light and dark.
Sunrise
Cloud
Scale
Iris
Dev tools
Minimal dark
Warm editorial
Premium dark
Gradient
Click through them, plus the in-app screens, in the live preview.
Cursor ships features fast. Design is the gap.
Cursor is a quick way to build, and the code it writes is solid. It just has no design opinion, so screens land in their default state: standard spacing, plain color, components left untouched. A template closes that gap. You hand Cursor a finished design and it builds on that instead of guessing.
One design system under all of it
The templates are not nine separate styles. They run on the same design tokens, so the look holds together as your app grows. Ask Cursor for a new screen a month from now and it lines up with what you already shipped, down to the spacing and the focus states. Set a brand color once and every screen follows it.
See the full library on the What's inside page.
From download to designed in three steps
Download the code
Buy SaaS Design and download the templates as React, Vue, and HTML from your account. Nothing to configure first.
Open the folder in Cursor
Add the unzipped folder to your workspace and ask Cursor's agent to add the template you want. Your code stays local.
Customize & ship
Cursor writes the files in and connects the tokens, so a blank route turns into a finished, on-brand page.
Plain code, any AI coding agent
Choose React, Vue, or plain HTML. The same files run in Claude Code, Codex, or any agent that reads and writes files, and you can drop them in by hand. You own the code, with no lock-in and no attribution.
Pick a plan and download the templates
Commercial use on every plan. No attribution. The code is yours to keep.
Solo
Great for founders, developers & freelancers
Lifetime access · one payment, yours forever
Launch price for the first 500 customers
The full system, yours forever.
- ✓ Complete AI design system
- ✓ 9 beautiful React, Vue & HTML templates
- ✓ Lifetime access, one payment
- ✓ Commercial license approved
- ✓ Use it in unlimited projects
- ✓ Unlimited use in client projects
- ✓ Dashboard & landing page templates
- ✓ Full component library
- ✓ Your choice of React, Vue, or HTML at any given time
- ✓ Add it with your AI agent (Claude Code, Cursor, Codex)
- ✓ All future components & updates included
Team
Great for startups and teams
Lifetime access · one payment, yours forever
The full system, for your whole team.
- ★ Everything in Solo, plus:
- ✓ Up to 7 seats for your team
- ✓ One license key for the whole team
- ✓ Unlimited client projects
- ✓ Priority component & feature requests
- ✓ Invoicing available
- ✓ Priority support, faster responses
Agency
Great for agencies shipping client SaaS at scale
Lifetime access · one payment, yours forever
The full system, unlimited seats.
- ★ Everything in Team, plus:
- ✓ Unlimited seats across your agency
- ✓ Unlimited client projects
- ✓ Top of the queue for component & layout requests
- ✓ Roadmap input for new features
- ✓ Onboarding session for your team
- ✓ First access to everything we ship
Secure checkout via Stripe · All paid tiers allow commercial use · No attribution required
Common questions
What are the best templates for Cursor? +
SaaS Design. You get nine landing page templates plus a full set of app screens (dashboards, data tables, settings, billing, auth, and onboarding) as React, Vue, and HTML code. You download the files, add the folder to Cursor, and its agent drops in the template you want. Pricing starts at $169, a one-time payment.
Are these UI templates or a starter repo? +
They are UI templates: landing pages and app screens built on Tailwind CSS, as React, Vue, or plain HTML. There is no backend, database, or auth wiring to set up. Cursor adds the front end and you connect it to whatever stack you already use.
Is there a design system for Cursor? +
Yes. Every template runs on one set of design tokens for color, type, spacing, radius, and motion. So when you ask Cursor for a new screen later, it matches what you already shipped instead of drifting. Change your brand color once and the whole system updates.
How do I add a template in Cursor? +
Buy SaaS Design and download the files from your account. Add the unzipped folder to your Cursor workspace, then ask the agent, for example: 'Install the SaaS Design Cloud template into my app folder.' It copies the files in and wires up the tokens and dependencies. Your code stays on your machine.
Which frameworks does it support? +
React, Vue, or plain HTML, all on Tailwind CSS. The same files also work in Claude Code, Codex, and any other AI coding agent, or you can add them by hand.
How much does it cost? +
From $169 one-time for the full set of templates and the design system. Team and Agency plans add seats and client projects. You own the code, with no subscription and no attribution required.
Give Cursor a design to build from
Get the templates and the system, and let Cursor drop them into your project. From $169, one-time.