Subframe

Visual editor that emits React + Tailwind + Radix code, with an MCP server

Tier A · StrongAI ToolToolComponent Librarysubframe.com

A hosted design tool where you lay out real components on a responsive canvas and pull the result down as React code through a CLI, rather than exporting a mockup. The generated code is deterministic - Subframe states it is produced without an LLM - and is built on Radix primitives with Tailwind for styling, so you own the business logic and Subframe owns the markup and classes. It ships a library of 43 documented components covering forms, overlays, navigation and charts, plus theme and icon layers, and exposes an MCP server so Claude Code or Cursor can read your designs directly. Aimed at product teams who want a shared design surface that does not end in a hand-off.

For an agent

Reach for this over generating shadcn/ui screens from scratch when a human designer needs to keep editing the layout after you ship it - the round trip through the visual editor is the whole point, and the Radix + Tailwind output drops into an existing shadcn codebase without a second styling system. Connect its MCP server before you start writing components, otherwise you will hand-transcribe designs you could have read. Watch out: the component library and templates live behind an account, the CLI sync command is not published on the public docs pages, and the emitted code is a snapshot - hand-editing a synced component is overwritten on the next pull.

Why it is here. One of the few design tools whose output is real Radix and Tailwind source rather than an LLM's guess at your design, which makes it safe to keep in a production repo.

Install command, framework, licence and component list.

Facts

License: Proprietary / all rights reserved
Pricing: Freemium, Subscription, Free but account required
Framework: React
Styling: Tailwind CSS
Distribution: Hosted SaaS product, Web app / online tool, CLI installer, MCP server
Platform: Web
Content type: Code, Design tokens / theme files
Agent readiness: MCP server, CLI installable, Structured documentation, Login required
Accessibility: Built on accessible primitives
Maturity: Actively maintained
Pricing detail: Free: 1 project, 10 pages, limited AI. Pro: $29 per editor per month, unlimited projects and pages. Custom: contact sales.

Components it ships

43 total

Helps you build

Notable for

deterministic non-LLM code generation
43-component library on Radix
MCP server for Claude Code and Cursor
CLI sync into an existing repo
$29 per editor per month

Provenance

Verified 2026-08-15. HTTP 200. https://www.subframe.com/, https://www.subframe.com/library (all 43 component names and URLs read directly), https://docs.subframe.com/, https://www.subframe.com/templates and https://www.subframe.com/sitemap.xml - the templates page is a client-rendered shell with zero /templates/ links in the HTML or sitemap, so templates could not be enumerated and none are invented here

Also in Agent Design Tooling

subframe.comTier A