visual website building / website builder
Webstudio is an open-source visual website builder and Webflow alternative that lets users create responsive websites visually, connect to headless CMSs, and self-host or publish anywhere.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
choose it when you want the visual editor tightly integrated into an existing React/Next codebase with an MIT license rather than using Webstudio as a separate site platform.
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
choose it when you need a self-hosted, all-in-one visual CMS that outputs static pages and includes roles, plugins, and a database.
The open-source alternative to Webflow, Framer and WordPress. Agentic self-hosted visual CMS outputting clean static pages. Users, roles, plugins, content, database, it's all there.
choose it when your stack spans React, Vue, Svelte, or Qwik and you want visual editing plus headless CMS features.
Visual Development for React, Vue, Svelte, Qwik, and more
choose it if you want a lighter weight self-hostable visual static-site builder without a React runtime or cloud dependency.
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
choose it when you need an embeddable drag-and-drop page-builder framework to build your own editing product rather than adopting a full site-building platform.
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
choose it when you want a React visual editor that manages content blocks inside your own app instead of moving to Webstudio's standalone workflow.
The visual editor for React.
choose it when you want a JSX-block visual editor embedded in a React/Next site rather than using Webstudio's full visual platform.
A JSX-based page builder for creating beautiful websites without writing code
choose it when your site is built on WordPress and you want visual drag-and-drop page editing inside that CMS rather than a standalone website platform.
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
choose it when you need a zero-dependency vanilla-JS drag-and-drop page-builder library to embed in your own product.
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
choose it if you want a ready PHP/MySQL website-builder CMS with built-in e-commerce, instead of a headless/static-oriented visual platform.
Drag and Drop Website Builder and CMS with E-commerce
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
an unmaintained design-to-React-code UI generator; only consider it for legacy workflows because it has not been updated in years.
a UI builder for React web apps
choose it only when you specifically need a mobile/H5 campaign page builder rather than a full website builder; it is still WIP and narrower in scope.
[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
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.
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers to design with Real Code.
These projects were analysed and named webstudio among their alternatives. The relationship is not symmetric — how webstudio rates them is a separate judgement, made when webstudio is analysed in its own right.
calls webstudio “choose when you want a Webflow-like visual builder with full CSS control, not a code-first React workflow”
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers to design with Real Code.
calls webstudio “Webflow-like visual builder with full CSS support; choose it when you prefer separating visual design from content and bringing your own headless CMS”
The open-source alternative to Webflow, Framer and WordPress. Agentic self-hosted visual CMS outputting clean static pages. Users, roles, plugins, content, database, it's all there.
calls webstudio “Visual website builder/no-code app, choose it to build sites visually instead of coding a Remix app.”
The fully-stacked web framework
calls webstudio “Use it when you want a ready-to-deploy Webflow-style website builder rather than embedding an editor library in your own React app.”
The visual editor for React.
calls webstudio “Choose it when you want a standalone open-source Webflow-style visual website builder rather than plugging Builder SDKs into an existing codebase.”
Visual Development for React, Vue, Svelte, Qwik, and more
calls webstudio “Choose when you want a modern self-hostable Webflow-style visual builder with headless CMS integration instead of WordPress.”
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
calls webstudio “Choose Webstudio when you want a self-hosted Webflow-style website builder GUI with full CSS support, not React-codebase drag-and-drop.”
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.