Skip to main content
Get Template — $89

Search AI Workflow Pro

Search tools, categories, stacks, and pages

Onlook logo

Onlook

4.0freemium

An open-source 'Cursor for designers' — visually edit your real React app and let AI make the code changes.

visual-editorreactopen-sourceai-code-generationdesign-to-codereal-codebase
Onlook screenshot

About Onlook

Onlook is an open-source visual editor for React apps, categorized as AI design, free to start. It allows designers and developers to visually edit components and have AI make the corresponding code changes. The free Starter plan includes 200 MCP calls per day, unlimited projects, and unlimited AI chat. For teams, custom pricing offers version control, design system integration, SSO, and more. Onlook is best for designers bridging design and code without leaving the codebase, and for developers seeking rapid AI-assisted prototyping.

Features

  • Visual React component editing
  • AI code generation
  • Unlimited AI chat
  • Branching and version control
  • Design tokens management
  • Custom domains for teams

Tool Details

Rating
4.0
Pricing
Open source
Plans & price history
Full pricing →
Category
AI design
Last verified
2026-07-03
Website
onlook.com
Report outdated info

Want tips on using this tool?

Get Template — $89

Similar tools to Onlook

Gamma logo

Gamma

freemium

The breakout AI presentation tool — write an outline, get a beautiful deck, doc ...

Rating
4.6
Category
AI design
Pricing
Free tier; Plus from $8/mo
Canva Magic Studio logo

Canva Magic Studio

freemium

Canva's suite of AI design tools for generating images, text, and full designs, ...

Rating
4.5
Category
AI design
Pricing
Free tier; $15/mo Pro
v0 logo

v0

freemium

Vercel AI UI generator that creates React components from text using shadcn/ui.

Rating
4.5
Category
AI design
Pricing
$20/mo Premium