An open-source 'Cursor for designers' — visually edit your real React app and let AI make the code changes.
visual-editorreactopen-sourceai-code-generationdesign-to-codereal-codebase
About Onlook
Onlook is an open-source visual editor for React apps, categorized as AI design, free to start. It allows designers and developers to visually edit components and have AI make the corresponding code changes. The free Starter plan includes 200 MCP calls per day, unlimited projects, and unlimited AI chat. For teams, custom pricing offers version control, design system integration, SSO, and more. Onlook is best for designers bridging design and code without leaving the codebase, and for developers seeking rapid AI-assisted prototyping.
Features
- Visual React component editing
- AI code generation
- Unlimited AI chat
- Branching and version control
- Design tokens management
- Custom domains for teams
Tool Details
Report outdated infoWant tips on using this tool?
