A free, local-first visual editor for designers to craft code in real React codebases
HTML design in. Editable InDesign out.
Stage
Startup
Startup
Founded
Not given
2026
Based in
US
ZA
Pricing model
Freemium
Paid
Pricing
Free self-hosted version available on GitHub. For Teams: Custom pricing tailored to your team's needs. Contact us or book a demo.
Free preview: two most detailed pages of any design, twice, no account needed. $49 lifetime license: unlimited full conversions, activate on up to 10 browsers or devices, works in browser and from AI agents over MCP.
Key features
Real-time visual editing of React components
Infinite canvas design interface
Real-time collaboration on code
Works with existing React projects and Storybook
Converts HTML to native .idml files that open in Adobe InDesign
Real text frames with reflowable content
Named paragraph and character styles automatically created
Charts and tables as editable vector objects
Images placed and linked in a Links folder
Free preview of two most detailed pages without account
MCP server integration with Claude, Cursor, and other AI agents
14-day fix-or-refund guarantee on licensed conversions
Supports output in Affinity Publisher as well as InDesign
Works with all CSS frameworks including Tailwind and Bootstrap
What makes it different
Code is the source of truth—no design drift from implementation
Works directly in real codebases with existing design systems
AI-assisted design generation that understands React architecture
Open-source and transparent to the development community
Deterministic conversion engine—no machine learning, same input always produces same output
Files deleted immediately after conversion—complete privacy, no storage or training
Native InDesign files, not PDFs—fully editable text, styles and charts
Direct integration with AI design tools through MCP protocol
Onlook
idmly