Onlook
An open-source, local-first visual editor that lets you design React apps on a canvas and writes the changes straight to code - drag, style and edit components with Tailwind, with edits syncing both ways. Self-host for free, or use the cloud Free/Pro plans. Currently focused on Next.js + Tailwind.
Work at Onlook? Manage this listing
Our take
Onlook is 'Cursor for designers': an open-source visual editor where you style and rearrange a real React app on a canvas, and it writes production code as you go. Edits sync both ways - change the design or the code, the other updates. It's Next.js + Tailwind only for now and still young, but self-hosting is free and the design-to-code loop is the real deal.
Best for
Designers and front-end developers who want to edit real React apps visually without losing the code.
Pros
- Open-source and local-first - your code stays yours
- Visual edits write real React/Tailwind code
- Two-way sync between canvas and code
- Free to self-host
Cons
- Next.js + Tailwind only for now
- Younger project with rough edges
- Cloud Pro features still maturing
How it compares
Versus v0 or Builder.io it works on your existing React codebase rather than generating throwaway snippets, and you can run the whole thing yourself.
Full review
Onlook closes the gap between design and front-end code. You open a real React app on an infinite canvas, then drag, restyle and edit components directly; Onlook writes the corresponding Next.js and Tailwind code, and crucially the sync runs both ways - edit the code in your editor and the canvas updates, edit the canvas and the code does. It's the workflow designers keep asking for and rarely get.
Being open-source and local-first is the other half of the appeal: you can self-host for free and keep your codebase on your own machine, with cloud Free and Pro options if you'd rather not. The honest limits are scope and maturity - it targets Next.js + Tailwind today and still has rough edges as a young project - but for Indian startups standardized on that stack, it's a genuinely useful, no-lock-in way to let design and engineering work on the same source.
Cloudkart Trust Graph
4.0/5- Actual Utility4/5
Source: Initial LLM-authored rubric (backfill)
- Ease of Use4/5
Source: Initial LLM-authored rubric (backfill)
- Pricing Fairness5/5
Source: Initial LLM-authored rubric (backfill)
- Reliability3/5
Source: Initial LLM-authored rubric (backfill)
- Differentiation4/5
Source: Initial LLM-authored rubric (backfill)
Scored as of . Each score is versioned and auditable; vendors cannot buy it.
How this score is set
- Editorial rubric
- Primary signal — five dimensions, 4.0/5 average.
- Community reviews
- None yet.
- Pricing verified
- Not yet verified
- Independence
- Score set by our editorial team before any affiliate relationship is considered. No vendor can buy it.
Frequently asked questions
- Is Onlook free, and how much does it cost?
- Onlook is open source and free to self-host.
- Who is Onlook best for?
- Designers and front-end developers who want to edit real React apps visually without losing the code.
- How is Onlook rated on Cloudkart.ai?
- Onlook scores 4.0 out of 5 on the Cloudkart.ai rubric, which weighs actual utility, ease of use, pricing fairness, reliability and differentiation. Scores are set editorially and can never be bought.
Community reviews
No community reviews yet. Be the first to share how Onlook works for you.
Relevant tools
More tools in AI Coding Assistants.
Composio
Composio provides the execution infrastructure that connects AI agents to real software. It sits at the tooling and connectivity layer of the agent stack, giving developers one framework - SDKs, a CLI and 850+ pre-built connectors - to let agents act across apps such as GitHub, Slack and Salesforce. It handles the hard parts: complex authentication and OAuth, plus remote sandboxed environments for safe execution, exposed over the Model Context Protocol so agents can reason and then reliably take action. The platform is built for production, with SOC 2 and ISO 27001:2022 certifications and deployment across public cloud, VPC and on-premises. Composio operates from San Francisco and Bangalore and raised a $25M Series A led by Lightspeed, with angels including Vercel's Guillermo Rauch and HubSpot's Dharmesh Shah.
LiteLLM
LiteLLM, from BerriAI, is an open-source AI gateway that gives you a single OpenAI-compatible interface to 140+ providers and 2,500+ models, including OpenAI, Anthropic, Gemini, Bedrock, Azure, Mistral, Ollama and vLLM. You can use it as a lightweight Python SDK for direct calls, or deploy the proxy server as a centralized gateway for a team, with virtual keys, budgets, load balancing, rate limiting, request logging and LLM guardrails. It has become a default building block in the AI stack, with 45,000+ GitHub stars, 240M+ Docker pulls and over a billion requests served, and is used by companies including Netflix, Adobe and Stripe. The core is free; an enterprise tier adds JWT auth, SSO/SAML, audit logs, SLAs and dedicated support.
Claude Code
Terminal-based agentic coding tool from Anthropic for autonomous multi-step coding tasks.
Kiro
AWS agentic IDE built around spec-driven development: it writes a spec, then builds matching code, tests and docs across IDE, CLI and web.
Compare Onlook head-to-head: vs Composio · vs LiteLLM · vs Claude Code · vs Kiro