aicoolies logo

Puck Review — The MIT-Licensed Visual Editor for React-First Teams

Puck is an MIT-licensed visual page builder for React that renders your own components in a drag-and-drop editor, persists content as plain JSON, and keeps the core self-hostable. With 12.8K+ GitHub stars plus optional Puck Cloud and Puck AI layers, it is now a dev-first editor with a commercial hosted path rather than a pure no-vendor story.

reviewed by Raşit Akyol April 24, 2026 updated June 24, 2026

86/100

overall

Speed85
Privacy90
Dev Experience86

What Puck Does

Puck is an MIT-licensed visual page builder for React that lets marketing and content teams drag, drop, and configure pages using the exact components the product already ships. With 12.8K+ GitHub stars in 2026, it remains the default self-hostable answer whenever a team wants a visual editor scoped to its own codebase; the newer Puck Cloud and Puck AI work add an optional hosted/commercial layer rather than replacing the core library. The editor is a React component, the output is plain JSON, and the persistence layer can still stay under the dev team’s control — which is the main reason to pick Puck over a traditional CMS vendor.

Component Model and Editor Experience

The hinge of Puck is its component config: each editable block declares a typed field schema — strings, numbers, rich text, arrays, nested components — and Puck renders the exact React component the app already uses, with those field values threaded through props. That means the admin view in the editor matches the runtime view pixel-for-pixel, and there is no translation layer where design drifts between the CMS preview and production. For teams with a mature component library, the setup cost is a few hours per component; for teams building the library as they go, Puck even doubles as a design-system stress test.

Editor features have matured noticeably across the 0.16–0.18 line. Iframe-isolated preview keeps host-page CSS from bleeding into the canvas, responsive breakpoints let marketing teams tune mobile and desktop layouts in one session, and the undo/redo stack finally feels as polished as a real design tool. Keyboard shortcuts, command palette, and plugin hooks are all present, though the overall look is deliberately utilitarian rather than flashy — Puck leans closer to Storybook than to Webflow, and that is a strength for product teams.

Deployment and Stack Fit

Integration is intentionally boring for the core library. A team drops the editor into a Next.js or Remix app, wires persistence into the existing backend (Postgres, Payload, Sanity, MongoDB, whatever is already there), and ships without giving up the data model. The commercial story has changed, though: Puck Cloud and Puck AI now exist as optional paid layers, so the accurate framing is self-hostable MIT core plus hosted/AI services for teams that want them, not a blanket claim that there is no hosted service. Plugins exist for the major headless CMS backends so teams migrating off Contentful or Sanity can keep content flowing without a rewrite.

The tradeoff is that every non-trivial feature is the dev team’s responsibility. There is no A/B testing engine, no native CDN with caching rules, no content scheduling, no multi-tenant permissions out of the box. Teams that need those conveniences either build them or accept that Puck is the wrong tool. For dev-heavy teams that prefer owning their stack, this tradeoff is obvious and welcome; for marketing-led orgs that want a shrink-wrapped CMS experience, Puck will feel unfinished.

Where It Fits

Puck is the right choice for SaaS companies with a strong component library that want marketing teams to edit pages without filing pull requests. It also shines in internal admin tools where non-developers configure dashboards, forms, and layouts, and in dev-heavy startups where pulling in a hosted CMS would feel like giving up control.

It is the wrong choice for enterprise marketing orgs that need workflow approvals, multi-region CDN, A/B testing, and a hundred other conveniences that Builder.io, Contentful, and Sanity have been shipping for years. It is also a poor fit for teams whose primary need is a brochure site with a non-technical operator who will never touch code — WordPress and Framer still win there.

The Bottom Line

Puck is one of the clearest MIT-licensed wins in the visual-editor space in 2026. It respects the codebase, stays in its lane, and ships improvements at a credible pace, while the newer Cloud and AI layers give Measured Co. a commercial path around the core. For dev-first teams that want a visual editor without surrendering their component system or content model, Puck is the obvious starting point, and the license plus the maintenance record make it a safe long-term bet.

Pros

  • MIT-licensed and self-hostable at the core, with optional Puck Cloud / AI instead of mandatory vendor lock-in
  • Renders your actual React components, so the editor preview matches production pixel-for-pixel
  • Plain JSON output means persistence can live in any database, with no proprietary format to migrate later
  • Steady release cadence with iframe preview, responsive breakpoints, polished undo/redo, and Puck AI work in recent versions

Cons

  • Core teams still own CDN, A/B testing, permissions, and content workflow unless they adopt or build those layers around Puck Cloud
  • Setup cost is non-trivial for teams without an existing component library to plug into Puck
  • Small maintainer team (Measured Co.) means less enterprise support coverage than Contentful or Builder.io
  • Editor aesthetics are utilitarian — marketing teams used to Webflow polish may find it bare

Verdict

Puck remains one of the cleanest MIT-licensed wins in the visual-editor space in 2026, but the positioning is no longer only 'bring your own hosting.' The core React editor still fits dev-heavy teams that value ownership, while Puck Cloud and Puck AI give teams a paid hosted path if they want agentic page-building conveniences.

View Puck on aicoolies

Pricing, platforms, and community stacks — explore the full tool page