Onlook

About Onlook

Onlook positions itself as Cursor for designers — a visual editing surface that operates directly on a team's real React codebase instead of on a mockup that later has to be rebuilt. Designers navigate the component tree the way they would navigate layers in a design tool, select any element on a live preview, and change it, with the edit landing as an actual code change rather than a redline handed to an engineer. The workspace exposes the pieces a design tool user expects — layers, pages, assets, elements, brand and theming controls — but each of them is backed by the underlying source, so design tokens, color palettes, and typography are managed centrally and applied through the code. Because the work happens in a repository, Onlook layers in the version-control affordances design tools normally lack: branching, full version history, and reusable project templates that a team can share. The hosted product is in closed beta and sold through a demo conversation, but the project is open source and can be self-hosted for free from its GitHub repository, which has drawn roughly 25.8k stars. Team plans add SSO via SAML or OAuth, audit logs, and admin controls for organizations that need them.

Key Features

Onlook Pros & Cons

Tags