Skip to content
aicoolies logo
Puck logo

Puck

Open-source visual editor for React — self-hostable core, optional Puck Cloud

Puck is an open-source visual page builder for React that gives teams a drag-and-drop editor backed by their own components. The MIT-licensed core remains self-hostable and persists plain JSON, while Puck Cloud and Puck AI now add optional hosted and agentic editing layers. With 12.8K+ stars, it is the dev-first visual editor to watch.

About Puck

Puck is an open-source visual page builder designed for React codebases that already have a component library and want a visual editor without surrendering the component model. Instead of shipping its own proprietary block system, Puck renders the exact React components the product already uses, so marketing teams can drag, drop, and configure pages in a visual editor while engineers keep control of the code and content shape. The project sits above 12.8K GitHub stars under an MIT license in 2026 and is maintained by Measured Co., whose newer Puck Cloud and Puck AI work add an optional commercial layer around the self-hostable core.

The core of Puck is a JSON config that maps each editable component to a typed field schema. Fields can be strings, numbers, arrays, rich text, or custom React components, which means even complex layouts — image galleries, feature grids, pricing tables — render faithfully inside the editor and then export as a deterministic data blob the app can persist anywhere. There is no runtime lock-in: the output is plain JSON, the editor is a React component, and the dev team stays in charge of hosting, auth, and persistence. Plugins exist for Next.js, Remix, and headless CMS backends like Payload and Sanity, and the recent 0.18 line added iframe preview, responsive breakpoints, and undo/redo polish.

Puck fits the team that wants a visual editor inside its own application rather than a separate CMS. It shines in dashboards that need an admin-facing page builder, marketing sites where the marketing team should not file PRs to update a hero, and internal tools where non-developers compose forms and layouts. Core Puck still does not replace Builder.io or Contentful's full workflow stack — teams must plan for CDN, A/B testing, permissions, and content operations — but Puck Cloud and Puck AI now provide an optional hosted/agentic layer for teams that want more than the library. For teams that value owning the stack end-to-end, having MIT-licensed code, and keeping the visual editor scoped to their own component library, Puck is among the cleanest options available in 2026.

Pricing & Platform Specs

Pricing Summary

Puck is completely free and open-source under the MIT license for React visual editing. Cloud AI copilot features operate on a pay-as-you-go or BYOK basis, with custom Growth and Enterprise tiers for dedicated support and on-premise deployments.

full pricing breakdown →

Supported Platforms

React library on npm for Next.js, Remix, and Vite; self-hostable core with optional Puck Cloud / Puck AI services.

Explore categories, tags & use cases

Side-by-Side Comparisons

Puck logo
Puck
vs
Builder.io logo
Builder.io

Puck vs Builder.io — Open-Source Library or Enterprise Content Platform

Puck and Builder.io both answer how a marketing team edits pages in a React codebase, but they arrive at opposite answers. Puck is an MIT-licensed library that lives inside the app and hands ownership to the dev team; Builder.io is a hosted commercial platform that ships A/B testing, CDN, and enterprise workflow out of the box. One is a library; the other is a platform.

Community experience

Sources & verification

Sources checked
Content verified

Verification dates are editorial checks. Routine CMS saves and automatic updatedAt timestamps do not advance them.

FAQ

What is Puck?

Puck is an open-source visual page builder for React that gives teams a drag-and-drop editor backed by their own components. The MIT-licensed core remains self-hostable and persists plain JSON, while Puck Cloud and Puck AI now add optional hosted and agentic editing layers. With 12.8K+ stars, it is the dev-first visual editor to watch.

Is Puck free?

Puck offers a free tier alongside paid plans. Puck is completely free and open-source under the MIT license for React visual editing. Cloud AI copilot features operate on a pay-as-you-go or BYOK basis, with custom Growth and Enterprise tiers for dedicated support and on-premise deployments.

Is Puck open source?

Yes — Puck is open source.

Is Puck still maintained?

Yes — Puck is active. Its listing was last verified on August 26, 2026.

How does Puck score in our review?

The published editorial review lists Puck at 86/100 overall across speed, privacy, and developer experience. Check the review's evidence status and test metadata for its verification level.