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.
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 browse the prompts.
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.
Founder Launch Bundle
For founders, developers, teams & agencies
Limited price · summer special
Lifetime access · one payment, yours forever
For your whole team, no per-seat fees.
- ✓ The complete AI design system + all 9 templates
- ✓ React, Vue & HTML source code, yours to keep
- ✓ Unlimited team members, no per-seat fees
- ✓ Unlimited personal and client projects
- ✓ Commercial license, no attribution required
- ✓ Every template we ever add — included
- ✓ Priority component & feature requests
- ✓ Invoicing available on request
- ✓ Add it with your AI agent (Claude Code, Cursor, Codex)
- ✓ Lifetime access, one payment, no subscription
14-day money-back guarantee. One-time, no subscription.
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 $19, 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 $19 one-time for the full set of templates and the design system, with unlimited team members and unlimited 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 $19, one-time.