Puck

Website Builders

3.8(28 ratings)

Open-source visual drag-and-drop editor for React apps

Try Puck Free

No credit card required

See alternatives

About Puck

Best for React developers needing an embeddable visual page editor.

Puck is an open-source visual drag-and-drop editor designed specifically for React applications. It allows developers to embed a fully customizable page builder into their existing React or Next.js projects, giving content editors the ability to compose pages visually without writing code. Unlike hosted website builders, Puck is self-hosted, meaning teams retain complete ownership of their data and avoid vendor lock-in. It's particularly well-suited for developer teams who need to provide a CMS-like editing experience while maintaining full control over components, styling, and application architecture.

Pros

Fully open-source with no vendor lock-in
Seamless integration with existing React and Next.js apps
Self-hosted so you own all your data
Highly customizable component system for developers
Active community and growing ecosystem

Cons

Requires React knowledge to set up and configure
Not a standalone website builder for non-developers
Smaller ecosystem compared to mature page builders
Limited out-of-the-box templates and pre-built components

Use Cases

Best for adding visual page editing to existing React applications

Best for development teams building internal content management tools

Best for agencies creating customizable landing page builders for clients

Best for SaaS products needing embeddable drag-and-drop editors

Key Features

10 features

Drag-and-drop editing

React component-based

Next.js App Router support

Custom field types

Inline editing

Responsive preview

Plugin system

Self-hosted

TypeScript support

Zero vendor lock-in

SaasHunter Score

8.6/10

“You're looking for a free, open-source editor for React apps with no budget constraints.”

Ease of Use

8.0

Features

9.0

Pricing

10.0

Support

7.0

Integrations

9.0

Best For

Freelancers 9Agencies 8Startups 8Small Business 7Enterprise 6

Integrations

ReactNext.jsVercelStrapiAny headless CMS via APITailwind CSSGitHubnpm

Open Source React Visual Editor Self Hosted Next.js Visual No Code Builders Headless Cms

Frequently Asked Questions

What is Puck?

Puck is an open-source visual editor for React that lets developers add drag-and-drop page building capabilities to their existing applications. It's self-hosted and gives full control over components, layout, and the editing experience.

How much does Puck cost?

Puck is free and open-source under the MIT license. There are no paid tiers for the core editor, though the team behind it (Measured) may offer commercial services and support.

What are the main features of Puck?

Key features include a drag-and-drop visual editor, custom component registration, flexible field types for editing props, responsive design support, and a plugin system. It also supports server-side rendering with Next.js out of the box.

Who should use Puck?

Puck is ideal for React and Next.js developers who want to give non-technical users the ability to build and edit pages visually. It's especially useful for teams that need a page builder embedded within their own application rather than a standalone hosted tool.