Onlook
Cursor for Designers — craft, edit, and ship web experiences with AI.
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.
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.
Designers, product managers, and developers working on React-based web projects
Background.
- Status
- launched
- Business model
- freemium
Similar projects.
Editorial take on the space this project sits in — momentum signals, adjacent moves, our call on whether the wedge is real. Get pinged when we publish a new read or when the landscape shifts.
Have a take on this space?
Tell us what you’d build differently, where you think the incumbents miss, or what we’ve gotten wrong about this project. Comments + reactions are coming soon.