Features
Visual editor for React & TailwindCSS apps writes real code
AI-powered chat to generate and fix code via natural language
Live preview and editing of React component tree
Branching and version control for design projects
Reusable project templates
Bring your own design system components
Centralized theming, color palettes, typography management
Custom domains for deployment
SSO / OAuth security with audit logs and admin controls
Open-source, self-hostable option
Direct drag-and-drop element manipulation
Responsive design fixes via AI prompts
Example project with pin creation, light mode, messaging features
Drag-and-drop visual canvas with code layer mapping
AI page, theme, and component generation from prompts
Responsive auto-layout with mobile support
Multiplayer real-time collaboration with layer comments
Design system with props, slots, and variants
Export clean front-end code without AI use
CLI sync via `npx @subframe/cli sync`
AI remix variations and @mention context
Integration with Cursor and Claude Code via MCP + Skills
24-hour version history (Free), 7-day (Pro)
Personalized AI that learns your components and style
Prototype with code and annotated designs
Unlimited team members on all plans
Free viewer seats included
