visual web page/site builder framework
GrapesJS is an open-source JavaScript framework for building embeddable drag-and-drop web page/site builder tools that let non-coders create templates and pages without writing code.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
choose it over GrapesJS when you need a lighter vanilla JavaScript drag-and-drop builder without dependencies or a build step.
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
choose it when your app is React-based and you want a visual editor that manipulates your existing React components and exports JSON schema instead of framework-agnostic HTML/CSS.
The visual editor for React.
choose it when you live in a JSX/React codebase and want a page builder whose blocks are just your own React components, rather than GrapesJS's style-defined editor.
A JSX-based page builder for creating beautiful websites without writing code
choose it if you are on PHP and want a drop-in backend-managed drag-and-drop page builder, avoiding the work of embedding and storing GrapesJS content yourself.
A drag and drop page builder to manage pages in any PHP project
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
it's a React editor framework about the same job but has been unmaintained for over 1.5 years; pick it only to match an old React editor codebase that already uses it.
🚀 A React Framework for building extensible drag and drop page editors
older Chinese low-code drag-drop page editor; choose only if you specifically want its ready UI for a legacy/Chinese tool and can accept a stale codebase.
低代码框架，支持流式布局与自由布局拖拽编排，可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理，可视化属性配置、可视化样式配置、多设备适配展示，支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态
stale code-driven low-code builder for your existing codebase; consider only if you need that particular architecture and can live without recent maintenance.
A code driven low-code builder, develop low-code app on your codebase.
older Laravel-specific page builder package; choose it when you want a same-language page editor in an existing Laravel codebase and accept the frozen 1.7-year-old code.
A drag and drop pagebuilder to manage pages in any Laravel project
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
choose it if you want a managed, hosted visual CMS/builder with cross-framework SDKs and accept depending on Builder.io's cloud service rather than running a local editor library.
Visual Development for React, Vue, Svelte, Qwik, and more
choose it when you prefer a full self-hosted visual CMS with static-site output and built-in roles/plugins instead of embedding a low-level builder framework in your own code.
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 you are building inside WordPress and want a tightly integrated frontend page builder plugin, not a reusable JS library.
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 want a hosted React visual builder with codegen and CMS features and do not mind using the Plasmic studio as a development tool.
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
choose it when you need an all-in-one CMS and website builder with e-commerce out of the box instead of assembling your own editor.
Drag and Drop Website Builder and CMS with E-commerce
choose it when you want a ready-to-use self-hosted visual editor for static sites that non-developers can use directly rather than embedding a builder library.
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together.
choose it when you want a self-contained Tailwind/AI low-code website platform to publish sites, rather than integrating a builder framework into your own app.
AI 驱动 UI 生成和发布的低代码平台，基于TailwindCss，通过拖拽可视化快速构建现代化响应式UI、动态自定义组件、多主题、多语言的网站应用。AI-powered UI generation and publishing low code platform, built on TailwindCSS, enabling rapid drag-and-drop visual creation of modern responsive UIs, dynamic customizable components, multi-theme, and multi-language web applications.
choose it when you want a full self-hosted multi-tenant Next.js website editor application rather than an embeddable builder framework.
Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js
These projects were analysed and named grapesjs among their alternatives. The relationship is not symmetric — how grapesjs rates them is a separate judgement, made when grapesjs is analysed in its own right.
calls grapesjs “Choose when you want a direct, embeddable, actively maintained page-builder framework with a broader plugin ecosystem; it is the closest peer to VvvebJs.”
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
calls grapesjs “Choose for framework-agnostic HTML/CSS template building, but it has no JSON-schema admin rendering and requires more custom wiring.”
前端低代码框架，通过 JSON 配置就能生成各种页面。
calls grapesjs “Choose it for a framework-agnostic web-builder framework with HTML/CSS output and template editing, not tied to React.”
The visual editor for React.
calls grapesjs “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.”
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 grapesjs “Choose it when you want a fully open-source, embeddable HTML page-builder library under your own control instead of Builder.io's hosted SaaS/SDK workflow.”
Visual Development for React, Vue, Svelte, Qwik, and more
calls grapesjs “framework-agnostic web builder with a full style/panel UI, best when you are not building in React”
🚀 A React Framework for building extensible drag and drop page editors
calls grapesjs “Choose when you need an embeddable page-builder framework for your own web product rather than a WordPress plugin.”
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
calls grapesjs “Choose GrapesJS when you need an embeddable HTML/CSS drag-and-drop builder framework for any JS stack rather than a React-component editor.”
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.