Onlook
Visual design tool that edits your real React codebase — layers, theming, and branching on top of source
0Visit Onlook
onlook.comAbout Onlook
Onlook positions itself as Cursor for designers — a visual editing surface that operates directly on a team's real React codebase instead of on a mockup that later has to be rebuilt. Designers navigate the component tree the way they would navigate layers in a design tool, select any element on a live preview, and change it, with the edit landing as an actual code change rather than a redline handed to an engineer. The workspace exposes the pieces a design tool user expects — layers, pages, assets, elements, brand and theming controls — but each of them is backed by the underlying source, so design tokens, color palettes, and typography are managed centrally and applied through the code. Because the work happens in a repository, Onlook layers in the version-control affordances design tools normally lack: branching, full version history, and reusable project templates that a team can share. The hosted product is in closed beta and sold through a demo conversation, but the project is open source and can be self-hosted for free from its GitHub repository, which has drawn roughly 25.8k stars. Team plans add SSO via SAML or OAuth, audit logs, and admin controls for organizations that need them.
Does ChatGPT recommend your AI tool?
If you're building in Design & UI/UX, run a free AI-visibility scan on your own product — we ask ChatGPT across 5 prompt angles and score how often you get named. ~30 seconds, no signup, no card.
Key Features
Onlook Pros & Cons
✅ Pros
- +Removes the design-to-code handoff entirely
- +Open source and self-hostable if you do not want the cloud
- +Version control is a first-class part of the design workflow
⚠️ Cons
- −Hosted product is still closed beta
- −React-only — no Vue, Svelte, or native mobile story
Tags
Is Onlook your tool?
This is the page buyers and AI assistants read when they look up Onlook. Claim your listing for $19 one-time — no subscription, nothing to cancel — and get a Featured badge, top placement in your category, and a permanent dofollow backlink. Prefer it ongoing? Monthly is one click away on the next page.
Complete Your Design Stack
Other design tools in our catalog:
AdCreative.ai
Try FreeAI-powered ad creatives
Generate marketing visuals in seconds
SEMrush
Try FreeAll-in-one SEO toolkit
Optimize content for maximum reach
Gamma
Try FreeAI presentation builder
Turn ideas into polished decks instantly
💰 Affiliate disclosure: We may earn a commission if you sign up through these links at no extra cost to you.
Stay updated on Design & UI/UX tools — join our weekly newsletter
One concise email with fresh launches, trending picks, and featured standouts.
Alternatives to Onlook
View all Onlook alternatives →More Design & UI/UX tools
ClaudeDesigner ProDesign Archive
ClaudeDesigner ProDesign Archive — description pending review.
AI Image Cleaner
AI Image Cleaner removes people, clutter, watermarks, and text with brush-mask AI inpainting. Three guest cleans per IP;
DigiBouquet AI
Create free digital flower bouquets or AI bouquets with a personal note and share a gift link.
OnUML
AI diagram workspace for Mermaid, PlantUML, and Draw.io with one-click repair for broken syntax
OpenPencil
MIT-licensed open-source design editor that opens Figma files, with 90 AI tools, an MCP server, and a headless CLI
Orshot
Agent-first creative automation — prompt or import templates, then render images, video and PDFs via API
Agent connectivity: not yet verified