Onlook

Onlook is a visual editor for React and Tailwind CSS applications. Rather than producing a mockup that a developer later rebuilds, it edits the real project: designers select elements on the rendered page, adjust them visually, and Onlook writes the corresponding code into the source files. The company describes it as a local first editor in which code, not a canvas file, is the source of truth. It is built for designers and product teams who work inside an existing React codebase and design system. The editor exposes the component tree for precise control over every element, and an assistant can read and edit project files in response to plain requests, for example fixing a masonry layout that breaks at small screen widths. Team features include project templates that can be saved and reused, branching and version control with full history, centralized theming through design tokens, color palettes and typography, and administrative controls covering single sign on through SAML or OAuth, audit logs and advanced security settings. Projects can be exported locally, pushed to GitHub or hosted at a link, and the vendor states that the code belongs to the user. There is no published price list. The hosted cloud product is in closed beta, and the pricing page directs prospective users to book a demo; team pricing is described as custom and tailored. The project is open source, so the alternative is self hosting from the public repository at no cost, which the vendor recommends for anyone who does not want to wait for cloud access. The closed beta is the main practical constraint. Self hosting is available immediately, but the managed service, and with it the collaboration and administration features, requires contact with the team.