visual page editor / React page builder
Puck is an open-source React component library for building custom visual drag-and-drop page editors using your own React components.
Same problem, same approach. Swapping one for another is a config change, not a rewrite.
A React-based drag-and-drop page editor; choose it if you prefer JSX-defined editable blocks over Puck's component-zone model.
A JSX-based page builder for creating beautiful websites without writing code
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
Choose it for a framework-free vanilla JS/HTML page builder with no build-tool dependency instead of React-specific Puck.
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
Choose it when you need a visual React builder/studio with codegen and content CMS rather than an embedded self-contained editor.
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
Choose it for a framework-agnostic web-builder framework with HTML/CSS output and template editing, not tied to React.
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
Choose it when you need a visual/headless CMS across multiple frameworks with a hosted editing service instead of an embedded component.
Visual Development for React, Vue, Svelte, Qwik, and more
Use it in plain PHP projects to add drag-drop page editing without a React front end.
A drag and drop page builder to manage pages in any PHP project
Use it when working in Laravel and needing a PHP drag-drop page builder without a React stack.
A drag and drop pagebuilder to manage pages in any Laravel project
Choose it when you need a schema-driven visual-design framework for React admin/form UIs rather than a content page editor.
🧩 Make everything designable 🧩
An earlier or more limited way to do the job. Still the right call when you need something small, proven, or CPU-only.
A stale 2.8y React low-code page builder; consider only if you specifically need its free-layout/brick model and can maintain it yourself.
低代码框架，支持流式布局与自由布局拖拽编排，可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理，可视化属性配置、可视化样式配置、多设备适配展示，支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态
Does the same job, but ships as an app. Useful to a person, not swappable into a codebase.
Use it when you want a ready-to-deploy Webflow-style website builder rather than embedding an editor library in your own React app.
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.
Use it when you need a self-hosted visual CMS/static-site builder product, not a library for building your own editor.
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.
Use it when you are building WordPress sites and want a plugin-based drag-drop page builder; it is not for non-WordPress React codebases.
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
Use it when you need an all-in-one CMS/shop with a built-in page builder instead of an editor component.
Drag and Drop Website Builder and CMS with E-commerce
Use it when you want a standalone online visual tool for static sites rather than embedding a React page editor.
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together.
Use it when running Frappe and you need a ready visual website builder tied to that stack.
Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
Use it as a ready multi-tenant Next.js website editor product rather than building your own with Puck.
Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js
Use it when you want a ready-made H5/mobile page maker app instead of embedding a React visual editor.
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Use it as a standalone AI design tool for visually editing React apps; not a component you can embed.
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 puck among their alternatives. The relationship is not symmetric — how puck rates them is a separate judgement, made when puck is analysed in its own right.
calls puck “maintained React visual editor with a ready editing UI, a direct peer for adding drag-and-drop page editing”
🚀 A React Framework for building extensible drag and drop page editors
calls puck “Choose Puck when you want a self-contained, fully open-source React visual editor that you can directly embed without needing a separate CMS backend.”
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.
calls puck “choose when you want an embeddable React visual editor using your own component types instead of a standalone app editor”
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 puck “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.”
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
calls puck “Use when you prefer a drag-and-drop React visual editor with component-level config over JSON schema, but it requires defining components in code and is not a drop-in amis replacement.”
前端低代码框架，通过 JSON 配置就能生成各种页面。
calls puck “Embeddable React visual editor; choose when you want page editing inside your own app instead of Dooring's standalone platform.”
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
calls puck “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.”
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 puck “Choose it when you want a self-hosted MIT React visual editor with its own content model instead of pulling content through Builder.io.”
Visual Development for React, Vue, Svelte, Qwik, and more
calls puck “Choose when you need a React-based visual editor that works with your own components instead of an embedded vanilla-JS Bootstrap builder.”
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
calls puck “Choose when you want a visual editor inside an existing React application instead of building pages through WordPress.”
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.