Onlook is a visual development tool that serves as a direct interface for your React codebase, allowing designers and developers to edit components in real-time.
Follow Onlook to get an email when its listing changes, such as new pricing or features. One digest a day at most, and you can unsubscribe anytime.
It treats code as the source of truth, ensuring that visual changes made on the canvas are reflected directly in the project's production-ready code.
- 01
Visual React and TailwindCSS editing with real-time code synchronization
- 02
Infinite canvas for designing and prototyping using existing codebase components
- 03
AI-native integration for generating, styling, and restructuring React components
- 04
Full version control integration via local git worktrees and pull requests
- 05
Centralized management of design tokens, typography, and component libraries
Freemium
Onlook is open-source and free to self-host via GitHub. The hosted cloud version requires contacting the team or booking a demo, and usage of AI features may be subject to limits.
Best for
Designers and frontend engineers working on React projects who want to maintain a single source of truth between their design system and production code.
Not ideal for
Projects not built with React or TailwindCSS, or teams looking for a traditional closed-source design tool that relies on proprietary file formats rather than live code.
Onlook is a powerful, developer-centric design tool that successfully bridges the gap between design and code, making it an excellent choice for teams that prioritize code quality and want to avoid the 'design-to-code' drift common with static design software.
The project transitioned from a browser-based containerized architecture to a desktop-first approach for macOS using Electron, focusing on local code security and git-based workflows.
As of
Is Onlook free?+
Onlook is Freemium. Onlook is open-source and free to self-host via GitHub. The hosted cloud version requires contacting the team or booking a demo, and usage of AI features may be subject to limits. Check the official site for current plans.
Is Onlook open source?+
Yes - Onlook is open source. Onlook is open-source and free to self-host via GitHub. The hosted cloud version requires contacting the team or booking a demo, and usage of AI features may be subject to limits.
How much does Onlook cost?+
Onlook is open-source and free to self-host via GitHub. The hosted cloud version requires contacting the team or booking a demo, and usage of AI features may be subject to limits. Pricing changes often - verify on the official site.
Who is Onlook best for?+
Designers and frontend engineers working on React projects who want to maintain a single source of truth between their design system and production code.
Who is Onlook not ideal for?+
Projects not built with React or TailwindCSS, or teams looking for a traditional closed-source design tool that relies on proprietary file formats rather than live code.
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.