kitio.aiAdded Oct 28, 2026
Onlook
FreemiumVisual AI editor for designers working in real React code
What is Onlook?
Onlook is an AI-powered visual editor that connects to existing React, Next.js, Vue or Angular codebases. Designers edit live components on an infinite canvas while every change is saved as real code. It started as an open-source project.
Onlook reads the components your engineers already ship, including shadcn/ui, so designs stay consistent with production. AI helps with layout and styling changes, and the output lands in your repo instead of a separate design file. A free plan is available, with paid upgrades for higher limits.
Features
- Infinite canvas on live code
- Uses real components
- AI design edits
- Git integration
- Framework support
Tags
Releases
+ Submit new release- Listed
Onlook was added to the directory.
Organization
Onlook
🇺🇸 United States
Listed by kitio.ai · unverified owner
Pricing
- Pricing model
- Freemium
- Paid options from
- Not listed
Onlook plans
Free
Free
- Free, local-first desktop editor
- Open source
For Teams
Custom
- Shared project templates
- Branching and version control
- Centralized theming and branding
Prices in USD, checked Oct 28, 2026. Plans change often, so confirm on the Onlook site.Official pricing
Sponsored
Your AI tool here
A Featured launch puts your tool in this spot and on the home page for a week.
Top Onlook alternatives
View allCoding
Collaborative AI platform to build UI in your real codebase
If you liked Onlook
All-in-one AI app for marketing design, copy and scheduling
Freemium · $79/moMarketingMade in United States
Pros and cons
Pros
- Design changes become real code
- No separate design system
- Open-source roots
Cons
- Needs an existing frontend repo
- Still a young product
Prompts & results
No prompts yet. Add your own prompt and output to help others use this tool.
Share a prompt
Reviews
Q&A
What is Onlook?
Onlook is an AI-powered visual editor that connects to existing React, Next.js, Vue or Angular codebases. Designers edit live components on an infinite canvas while every change is saved as real code. It started as an open-source project.
How much does Onlook cost?
Onlook is freemium.
Is there a free version of Onlook?
Yes. Onlook has a free plan, and paid plans add more usage and features.
What are the main features of Onlook?
Infinite canvas on live code, Uses real components, AI design edits, Git integration, Framework support.
Who makes Onlook?
Onlook is made by Onlook.
What are the best alternatives to Onlook?
Popular alternatives include Anima, Tempo, Builder.io.