Onlook
Open-source AI visual editor for React apps with live code editing.
AI CodingFreemium · Free
Onlook is an open-source AI visual editor for React applications that allows live editing of code through a visual interface. Developers and designers can make visual changes that sync directly back to the underlying React codebase in real time. The tool aims to bridge the gap between design tools and live code.
Pros
- +Open-source and free to self-host or contribute to
- +Live visual editing syncs directly with React code
- +Bridges the gap between design and development tools
Cons
- –Currently focused specifically on React applications
- –Newer open-source project with an evolving feature set
Best for
Common use-cases
- • Visually editing React app UI in real time
- • Bridging design and development workflows
- • Making live code changes through a visual interface
Integrations
ReactGitHub
Alternatives to Onlook
See all Onlook alternatives →Onlook FAQ
- How much does Onlook cost?
- Onlook uses freemium pricing, starting from Free. Check Onlook's site for current plans.
- What are the best Onlook alternatives?
- Top alternatives include GitHub Copilot, v0 by Vercel, Aider. See the full list of Onlook alternatives for a ranked comparison.