aicoolies logo
Puck logo
Puck logo

Puck

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

freeupdated Jun 24, 2026

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.

Read our Puck review

A detailed review by the aicoolies team — click to read

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

MIT core is free and self-hostable; Puck Cloud / AI plans list Pro $25/month, Business $150/month, Growth $500/month, plus Enterprise sales.

Platforms

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

Categories

Tags

Use Cases

Related Tools

KaibanJS logo

KaibanJS

JavaScript framework for building and visualizing multi-agent workflows on a Kanban board

KaibanJS is an MIT-licensed JavaScript framework for defining AI agents, tasks, tools, and teams, then orchestrating their work through a Kanban-inspired runtime and visual board. It can run inside Node.js, React, or Next.js projects, supports custom UIs and headless workflows, and provides real-time task-state visibility for multi-agent applications.

Open SourceTelemetry
Open Notebook logo

Open Notebook

Private, self-hosted research notebooks with flexible AI models, source chat, and podcasts

Open Notebook is an MIT-licensed, self-hosted alternative to NotebookLM for collecting sources, chatting over research, generating reusable transformations, and producing multi-speaker podcasts. Its Docker stack keeps notebook data under the user's control while supporting 18-plus model providers, including local Ollama and LM Studio workflows.

Open SourceTelemetry
Mitosis logo

Mitosis

Write components once and compile them into native code for multiple frameworks

Mitosis is Builder.io-backed open-source infrastructure for writing a component once and compiling it into native framework components for React, Vue, Angular, Svelte, Qwik, Solid, React Native, and other targets. It supports cross-framework design systems and Figma-to-code synchronization, but is distinct from the Builder.io visual builder product.

Open Source
Figma Console MCP logo

Figma Console MCP

Turn a Figma design system into a programmable API for AI assistants

Figma Console MCP is open-source design-system infrastructure that exposes Figma to AI assistants through MCP. It supports structured extraction, design creation and editing, debugging, accessibility audits, and bidirectional design-token workflows across local, remote read-only, and paired cloud modes; it is not a generic one-click Figma-to-code exporter.

Open SourceTelemetry
n8n-MCP logo

n8n-MCP

Community MCP server for n8n node knowledge, workflow drafting, and validation

n8n-MCP is an independent, MIT-licensed community server that gives MCP-compatible assistants structured access to n8n node documentation, properties, templates, and workflow validation helpers. It is distinct from the existing n8n product page and covers the MCP layer used from clients such as Claude, Cursor, Windsurf, and Codex.

Open SourceTelemetry
Intercom MCP Server logo

Intercom MCP Server

Intercom's remote MCP server for support and Help Center context.

Intercom MCP Server is Intercom's hosted remote MCP server for connecting AI tools to Intercom workspace data. It supports the recommended Streamable HTTP endpoint, OAuth or bearer-token authentication, and tools for conversations, contacts, companies, and Help Center article workflows, with access limited by token permissions and Intercom workspace policy.

freemiumTelemetry

Comparisons

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.