AI builds it.
You design it.

The agentic development environment for designersClaude and Codex side by side, with design tools to edit anything they build.

Design tools that ride
on your live preview.

  • Select
  • Move and Resize
  • Box to chat
  • Corner Radius Modifier
  • Spacing Modifier
  • Crop and Feather
  • Color and Gradient
  • Text Editor
  • Rotate and Z-Index
  • Duplicate and Delete
Send to chat

Don’t stop the prompt.
Just Live Ask.

Can you make this button purple?

On it — swapping the button to purple now, with matching hover and focus states.

Also — I completely forgot, I want the text on the button to say “Hello World!”

Folded in mid-run — the label now reads “Hello World!”. Nothing restarted.

Go ahead and also add subtext under the button that says “Seriously hello”
Added — a small muted line right under the label: “Seriously hello”. Ran as its own parallel task.

Generate images on any model.
Even Claude.

Pricing that fits how you build

Every plan runs on the coding-agent subscriptions you already pay for — no hidden fees, no double billing.

Yearly Save 20%
Free

Perfect for solo makers building on their own keys.

$0/mo
  • Claude Code & Codex, side by side
  • Full live-preview design toolset
  • Bring your own API key
  • Real, exportable codebase
Teams

Shared workspaces for studios shipping together.

Coming soon
  • Shared projects & live handoff
  • Team roles & permissions
  • Centralized billing
  • SSO & admin controls

All plans run on your own coding-agent subscriptions. Cancel anytime — your code is yours to keep.

Frequently asked questions

Why Clodex over other AI coding tools?

Most tools stop at the chat. Clodex is an Agentic Development Environment — you build with Claude Code or Codex, then reach into the live preview and edit the rendered result directly. Nudge spacing, retype copy, recolor a button by hand, and every change is written back to your real source with the metadata to prove where it came from.

It runs on the coding agents you already trust, with real design tools riding on top — not a black box that regenerates your whole page when you want to move one thing.

Who is Clodex for?

Anyone who wants to build with AI but shouldn't have to think like a compiler — founders shipping a first product, designers who want their pixels to survive the handoff, and makers with an idea and no engineering team.

You don't need to know how to code. And if you do, the escape hatch is always there: it's your real codebase underneath, so nothing traps you.

Do I need to know how to code?

No. You describe what you want in plain language and shape the result visually — select an element, drag it, box it, and send it straight to chat. The AI handles the code; you handle the intent.

When you're ready to go deeper, the actual source is right there to open, edit, or export. Clodex meets you where you are and never locks the door on the way out.

Which AI models does it use — and do I need my own keys?

Clodex runs on Claude Code and Codex, and can generate real images on any model — even Claude — without switching apps. Use your Clodex plan, or bring your own API key if you'd rather.

There's no Clodex token meter stacked on top. Your work runs on the plans you already pay for, so you're never billed twice for the same request.

How does pricing work?

Pro is $12/year (or $15/month), and it runs entirely on your existing coding-agent plans — Clodex doesn't resell tokens or meter your usage.

A Teams plan is coming later for shared projects and collaboration.

Do I own the code Clodex builds?

Completely. Under every preview is a real project — real files, real source. Your visual edits are written back into that source as ordinary code, so there's nothing proprietary to untangle if you ever want to take it elsewhere.