Puck
The self-hosted, visual page builder for React with clean drop-in component integration.
Why consider Puck?
Puck is an open-source visual page editor for React developed by Measured. Puck allows developers to transform existing React component libraries into a drag-and-drop landing page editor with responsive viewport previews, dynamic props editing, and clean JSON payloads.
Learn Puck by building
Practical setup notes, real use cases, and copy-ready examples in one focused guide.
In this guide2 sections
Overview of Puck
Puck converts React design systems into visual marketing page editors with JSON data persistence.
Quickstart
npm install @measured/puckimport { Puck } from "@measured/puck";import "@measured/puck/dist/index.css";const config = { components: { Heading: { render: ({ title }) => <h1>{title}</h1> } } };export function App() { return <Puck config={config} data={{}} onPublish={console.log} />; }Puck is licensed under the permissive MIT License.
Related tools
More options with a similar category or technology profile.
FlowInquiry
Interactive user research surveys and customer satisfaction polling platform.
Mailcoach
Self-hosted email newsletter and drip campaign platform built on Laravel.
phpList
World-proven open-source newsletter manager and email campaign marketing platform.
django-newsletter
Newsletter and subscriber campaign application built for Django websites.