What technologies and coding agents does Subframe support?
Updated
Subframe is built on HTML and CSS, with first-class support for React and Tailwind when they are part of your stack. It works with Claude Code, Codex, or Subframe AI credits as the coding agent, and the agent operates across your designs, browser, and code. This applies when you use the desktop app against a local codebase and development server; the docs describe the desktop app as the way to work with your local codebase, dev server, and coding agent, with a macOS download available.
Technology stack
Subframe is described as a design tool for your codebase, built on HTML and CSS, so you design with the same primitives used to build the web. The documentation calls out two specific stack integrations:
- HTML and CSS — the foundation of the canvas and the design model.
- React — first-class support when React is part of your stack.
- Tailwind — first-class support when Tailwind is part of your stack.
The phrasing "when they're part of your stack" matters: React and Tailwind support is framed as conditional on your project already using them, not as a requirement to adopt them.
Coding agents
Subframe brings three tools together in one place — a canvas, a browser, and an agent — and the agent options named in the docs are:
| Agent | How it's described |
|---|---|
| Claude Code | Named as an agent you can work with |
| Codex | Named as an agent you can work with |
| Subframe AI | Used via Subframe AI credits |
Subframe AI is consumed through credits, and those credits are described as spanning your designs, browser, and code — meaning the same credit pool covers agent work across all three surfaces rather than being split per tool.
What the agent actually works across
The agent isn't limited to generating code from a design. Per the docs, you work with the agent "across your designs, browser, and code." In the typical workflow, the agent is the final step: after you capture a page or element as an editable design and explore changes on the canvas, you ask the agent to implement your design in your connected codebase.
Choosing based on your setup
- If your project is React + Tailwind, you're in the stack the docs explicitly support with first-class treatment.
- If you use Claude Code or Codex already, the docs name both as compatible agents, so you can keep your existing agent rather than switching.
- If you'd rather not run an external agent, Subframe AI credits are the built-in option.
- If you need to work against a local codebase and dev server, the desktop app is the documented path, and it's listed for macOS.
One thing the documentation does not specify on this page: which agent is best for which task, or how credits are priced. For plan and pricing details, the docs point to a separate "Managing pricing and plans" page rather than the introduction.