Cursor for
Designers
Onlook is a next-generation visual code editor
that lets designers and product managers craft
web experiences with AI
Onlook is optimized for larger screens
AI • Code • Design
Side-by-side-by-side
Drag-and-drop, rearrange, scale, and more with elements directly in the editor.
Customize reusable components that you can swap-out across websites.
Never lose your progress – revert when you need to
Get instant design help and feedback from AI, right in your workflow.
Make your fonts, colors, and styles all speak the same language.
Select elements with precision and control.
...and so
much more
Import from GitHub or locally
Bring your existing React / Next.js / Tailwind codebase and start building
Collaborate with your team
Share your project with your team and collaborate on designs in real-time
Publish your work
Attach a custom domain and share your work with the world
Draw-in Layers
Trace divs and text directly in your designs and create code in real-time
All your favorite hotkeys
CMD/CTRL+Zand design lightning fast with all your favorite shortcuts
Use Images and media assets
Manage your graphics and images all from one place
Tens of thousands of
builders love Onlook
Frequently
asked questions
Yes, Onlook can be self-hosted for free on GitHub. For the hosted cloud version, please contact our team or book a demo. We are working closely with teams to set up the best internal design and code workflow, and are happy to help you get started.
You can prototype, ideate, and create websites from scratch with Onlook
When you design in Onlook you design in the real product – in other words, the source of truth. Other editors are great for ideating, but Onlook is the only one that lets you design with code using your existing design system instantly.
The code you make with Onlook is all yours. You can export it on your local machine, publish it to GitHub, or host it at a link
Onlook is a visual editor for code. It allows you to create and style your own creations with code as the source of truth. While it is best suited for creating web experiences, it can be used for anything visual – presentations, mockups, and more. Because Onlook uses code as the source of truth, the types of designs you can create are unconstrained by Onlook's interface.
Developers have historically been second-rate citizens in the design process. Onlook was founded to bridge the divide between design and development, and we wanted to make developers first-class citizens alongside designers. We chose to be open-source Onlook to give developers transparency over the tool, and make it as flexible as possible for the unique ways teams set up their code.