Onlook is a visual code editor that lets you design and build React applications by editing directly in the browser DOM with AI assistance.
The tool addresses the friction between design and development by providing a visual-first interface where designers and developers can craft websites and prototypes in Next.js and TailwindCSS without switching between separate tools. Rather than working in isolation, you make edits directly in the browser DOM through a visual editor while the underlying code updates in real time, bridging the gap between design intent and implementation.
Onlook suits teams and individual developers who want to reduce the handoff cycle between design and code, particularly those already working with React, Next.js, and TailwindCSS. It works best for projects where visual iteration and rapid prototyping matter more than complex backend logic. The README positions it as an open-source alternative to hosted design-to-code platforms, though it does not elaborate on specific feature differences with those tools.
The project maintains active development with regular issue triage and feature requests being processed. Pull requests receive timely review and integration. The codebase shows consistent refinement across its core visual editing and code generation systems. Documentation is kept current alongside feature additions.
