Onlook
onlook.comCursor for Designers — craft, edit, and ship web experiences with AI.
Dev Toolsvisual-editorreactdesign-to-codeai-designopen-sourcecollaborationno-code
About
Onlook is a visual code editor that lets designers and product managers work directly inside a real React codebase using a drag-and-drop canvas. It combines AI-assisted design, component editing, and code generation so that design changes are always in sync with source code. The tool is open-source and can be self-hosted, with a hosted cloud version available for teams.
Problem
Designers and developers work in separate tools, causing a disconnect between design files and the actual codebase.
For
Designers, product managers, and developers working on React-based web projects
How it works
Users import their React codebase into Onlook's visual canvas, make design changes via drag-and-drop or AI chat, and those changes are written directly back to the source code in real time.
Business model
freemium
Status
launched