Beautiful Codex templates & AI design system
Nine landing page templates and a full app UI, delivered as React, Vue, and HTML code files. Point Codex at the folder and it builds them into your project, so what you ship looks like a funded startup built it instead of a generic AI default.
Install the SaaS Design Cloud template into my app folder.Works in Codex, Claude Code & Cursor · React, Vue or HTML · No attribution required
Pick a template and let Codex 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.
Codex writes the code. The design is the missing piece.
Codex is great at turning a prompt into working code. Design is not its job, so the screens come back in their default state: plain spacing, flat color, components left untouched. A template gives Codex a finished design to build against, so you skip the blank-canvas guesswork and start from something that already looks shipped.
One system holds it all together
The templates share one set of design tokens, so your app stays consistent as it grows. Ask Codex for another screen next month and it matches what you already have, down to the spacing and the focus states. Set a brand color once and every screen follows it.
Prefer to lead with the system? See the Codex design system page, or the full library on What's inside.
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 set up first.
Point Codex at the folder
Add the unzipped folder to your project and ask Codex to add the template you want. Works with the Codex CLI and Codex in ChatGPT. Your code stays yours.
Customize & ship
Codex writes the files in and wires up the tokens, so a blank page turns into a finished, on-brand screen.
Plain code, any AI coding agent
Pick React, Vue, or plain HTML. The same files also work in Claude Code, Cursor, and any agent that reads and writes files, or you can add them 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 Codex? +
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, point Codex at the folder, and it builds in the template you want. Pricing starts at $169, a one-time payment.
Are these UI templates or backend code? +
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 logic to configure. Codex adds the front end and you connect it to whatever stack you already run.
Is there a design system for Codex? +
Yes. Every template runs on one set of design tokens for color, type, spacing, radius, and motion. So when you ask Codex for a new screen later, it matches what you already shipped instead of drifting. Set a brand color once and the whole system follows.
Does it work with the Codex CLI and Codex in ChatGPT? +
Yes. Any Codex agent that can read and write files works, including the Codex CLI and Codex in ChatGPT. The same files also run in Claude Code and Cursor, or you can add them by hand.
How do I add a template with Codex? +
Buy SaaS Design and download the files from your account. Add the unzipped folder to your project, then ask Codex, 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.
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 Codex a design to build from
Get the templates and the system, and let Codex build them into your project. From $169, one-time.