Onlook
An open-source visual editor that puts existing React components on a canvas and writes changes back to code.
What it is
Onlook is a visual editor built around code. It renders React components in a browser-like canvas, where people can select elements, adjust styles, and write the changes back to the project.
Why it is selected
Interface changes do not need a separate mockup first. Teams can work with their existing components and style rules, then review the resulting diff in their normal Git workflow.
Who it suits
Teams using React and Tailwind CSS that want design and frontend work to stay close to the same codebase.
Useful for
- Adjusting layout, spacing, and copy on an existing page from a canvas
- Using AI help to create or modify interface components
- Keeping visual changes in the usual code-review workflow
