visual web design / AI code editing
Onlook is an open-source AI-first visual editor for building, styling, and editing React/Next.js/Tailwind apps in the browser while generating real, editable code.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
choose when you need codegen syncing and CMS-backed visual content workflows instead of direct DOM AI edits
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
choose when you want an embeddable React visual editor using your own component types instead of a standalone app editor
The visual editor for React.
choose when you are fine with Python/Frappe and want a self-hosted no-code site builder rather than React/Tailwind code ownership
Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
choose when you want a Webflow-like visual builder with full CSS control, not a code-first React workflow
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
older unmaintained full-stack AI app generator; choose if you want prompt-to-app generation rather than a current visual editor
ai-generated apps , full stack + generative UI
older unmaintained image/sketch-to-page generator; choose only if you need one-off batch page generation and accept stale code
Generate pages from any sketch or images.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
Figma plugin for exporting designs to HTML/Tailwind/Flutter/SwiftUI, not a codebase editor
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
These projects were analysed and named onlook among their alternatives. The relationship is not symmetric — how onlook rates them is a separate judgement, made when onlook is analysed in its own right.
calls onlook “Narrower visual AI design/editor for existing React apps; choose it when you need live visual UI editing rather than generating a full stack from scratch.”
ai-generated apps , full stack + generative UI
calls onlook “Use it as a standalone AI design tool for visually editing React apps; not a component you can embed.”
The visual editor for React.
calls onlook “it is a desktop/GUI tool to visually edit an existing React app, not something you can swap into Webstudio's no-code site-building pipeline.”
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
calls onlook “Choose it when you want an AI-first desktop tool that visually edits your React source code instead of using Builder's CMS/SDK publishing model.”
Visual Development for React, Vue, Svelte, Qwik, and more