About Subframe
An AI-native design tool that ships React and Tailwind code. Fits AI design SaaS, design-to-code tools, dev-handoff platforms, and design-system landing page designs.
Design tokens
14 colors · 10 type stylesNear-black (#242424) primary on an off-white (#f5f5f5) canvas, set in Inter throughout. These values are read from the Subframe DESIGN.md in the Pass bundle, which carries all 14 color tokens, 10 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Subframe-style UI.
Use in your AI builder, no-code tool, or CMS
Lovablev0BoltFramerWebflowWordPressWixSquarespace
CanvaGoDaddy
Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.
Claude
CursorGeminiChatGPTVS Code
GitHub
Not affiliated with Subframe. All trademarks belong to their respective owners.
