Open source

Onlook

Edit a React interface visually, with code behind every change.

Visit website
An official Onlook interface screenshot showing the visual editor beside a web page.
Official product imageCaptured

What Onlook does

Onlook brings a design canvas into a real React project. Select and adjust elements, work with reusable components, and ask AI to help change the implementation without separating the design from its code.

  • Visual editing of React components
  • AI-assisted code changes
  • An open-source editor to inspect or run yourself

A place to start

Designers and developers who want to refine an interface in the same codebase.

Explore the context

Sources

Product details are summarized from official public materials. See the provider for current features and plans.

How we list, cite, and correct information