Onlook

onlook.comDR 59 Accessible 300 views

Development & Programming Onlook is a free, local-first visual code editor that lets designers edit live React components on an infinite canvas using their team's real Storybook design system.

Visit now Favorite

Editor's Review

For reference only

Onlook stands out by making code the source of truth while giving designers a visual canvas to edit live React components, so design and engineering share one workflow. It supports real Storybook design systems and AI assistance, and being open-source and local-first appeals to teams that value cont

Site introduction

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.