A free, local-first visual editor for designers to craft code in real React codebases
Free online tools for flowcharts, charts, diagrams and timelines with no sign-up
Stage
Startup
Not given
Founded
Not given
Not given
Based in
US
Not given
Pricing model
Freemium
Freemium
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: no account required, all diagram and chart makers, PNG/SVG/PDF export, no watermark. Pro: Monthly $9.99 a month, Yearly $99.99 a year with 7-day free trial, Lifetime $239.99 once. Euro area: €10.99 a month, €109.99 a year, €259.99 once (VAT included).
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
Flowchart and process diagram maker with canvas and text-to-diagram modes
Text-to-diagram tools for UML, ER and sequence diagrams
Chart tools: pie chart, line graph, gauge and Sankey diagram
Automatic diagram layout from typed text
Export to PNG, SVG and PDF without watermark
Share diagrams with share links
Pro: editable .drawio export and vector PDF
Pro: multi-page documents and layers
Diagram checks for unlabelled branches and dead ends
Works on phone and computer
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
Completely free with no account required and no watermark on exports
Nothing uploaded: all work stays on your device in your browser
Results computed by the same tested code, not manually typed
Multiple export formats: PNG at 4 sizes, SVG and PDF
Converts between formats: Mermaid to draw.io, SQL to ER, Visio to flowchart
Onlook
Diagram Smith