Onlook is an AI-first visual editor that allows designers and developers to build and edit React applications directly within their production codebase.
By treating code as the single source of truth, it eliminates the need for design-to-code handoff by synchronizing visual edits with the underlying React and TailwindCSS files.
- 01
Visual drag-and-drop editing of live React components
- 02
AI-powered chat for code-aware styling and layout generation
- 03
Real-time synchronization between visual canvas and source code
- 04
Branching, version control, and revision history
- 05
Centralized management of design tokens and branding
Freemium
The open-source version is free to self-host via GitHub. A hosted cloud version is available in closed beta with custom pricing for teams, and some sources indicate a tiered model including a Pro plan.
Best for
Product teams and design engineers working within React and TailwindCSS codebases who want to iterate on live products without static mockups.
Not ideal for
Teams using frameworks other than React, those requiring high-fidelity abstract sketching (where Figma remains superior), or users seeking a no-code-only platform.
Onlook is a powerful, developer-centric tool that successfully bridges the gap between design and production code, making it an excellent choice for teams committed to a React-based stack.
In July 2026, Onlook launched Villainterest, enabling real-time collaboration on design directly within the codebase, alongside ongoing hardening of project-membership authorization.
As of
Is Onlook free?+
Onlook is Freemium. The open-source version is free to self-host via GitHub. A hosted cloud version is available in closed beta with custom pricing for teams, and some sources indicate a tiered model including a Pro plan. Check the official site for current plans.
Is Onlook open source?+
Yes - Onlook is open source. The open-source version is free to self-host via GitHub. A hosted cloud version is available in closed beta with custom pricing for teams, and some sources indicate a tiered model including a Pro plan.
How much does Onlook cost?+
The open-source version is free to self-host via GitHub. A hosted cloud version is available in closed beta with custom pricing for teams, and some sources indicate a tiered model including a Pro plan. Pricing changes often - verify on the official site.
Who is Onlook best for?+
Product teams and design engineers working within React and TailwindCSS codebases who want to iterate on live products without static mockups.
Who is Onlook not ideal for?+
Teams using frameworks other than React, those requiring high-fidelity abstract sketching (where Figma remains superior), or users seeking a no-code-only platform.
What are the best Onlook alternatives?+
The closest Onlook alternatives on ai.dosa.dev are Bolt.new, v0, Lovable - all listed under Browser-Based & App Builders.
Who makes Onlook?+
Onlook is developed by Onlook. It is listed in the Browser-Based & App Builders category on ai.dosa.dev.
Favorite this tool to revisit it later, or Zap it to contribute to the public vote count.