Onlook

Onlook positions itself as a developer tool for visual engineers, offering a free, local-first editor where designers can craft experiences directly in code. Rather than handing off static mockups, it lets design work happen inside real codebases, keeping the implementation as the single source of truth.

Its core feature is a visual code editor that runs on an infinite canvas, letting users edit live React components and work with their team’s actual Storybook design system. AI assistance is built in to support the editing process, and the open-source, local-first approach gives teams transparency and control over their environment.

The site is aimed at designers who are comfortable working close to code, as well as developers and product teams that want to shorten the gap between design and implementation. Teams already using React and Storybook will find the workflow most natural.

To get started, visitors can book a demo or begin designing directly from the homepage. It is worth confirming that your stack matches React and Storybook before adopting it, and reviewing the open-source project for setup details. Overall, Onlook is a practical option for teams that want visual editing without leaving the codebase.