Onlook Onlook
Onlook is an open-source visual editor designed to bridge the gap between design and development by allowing teams to manipulate real React codebases directly. It functions as a visual canvas where designers and engineers can collaborate, with every drag-and-drop or AI-assisted change committing directly to the underlying production code.
In July 2026, Onlook introduced Villainterest to enhance collaborative design-to-code workflows.
As of
- Visual editor for React and TailwindCSS components
- AI-powered styling, layout, and responsive fix assistance
- Direct integration with existing GitHub repositories
- Branching and version control within the design workflow
- Centralized management for design tokens, typography, and palettes
Product teams, design engineers, and developers who use React and TailwindCSS and want to maintain a single source of truth between design mockups and production code.
Teams that do not use a React/Tailwind stack, mobile-first design teams, or users looking for a traditional pixel-based design tool like Figma for abstract sketching.
Onlook provides a free self-hosted tier via GitHub. A paid tier for teams starts at approximately $29 per month, with custom enterprise pricing available for larger organizations requiring SSO and audit logs.
Onlook is a highly effective tool for teams seeking to eliminate the design-to-development handoff bottleneck, provided they are committed to a React and TailwindCSS ecosystem.
Is Onlook free?
Onlook is Freemium. Onlook provides a free self-hosted tier via GitHub. A paid tier for teams starts at approximately $29 per month, with custom enterprise pricing available for larger organizations requiring SSO and audit logs. Check the official site for current plans.
What is Onlook best for?
Product teams, design engineers, and developers who use React and TailwindCSS and want to maintain a single source of truth between design mockups and production code.
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.
Content on this page is AI-generated. Please verify details with the vendor's website for accuracy.