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.
Tale
Open-source project workspace for teams and AI agents with persistent sandboxes.
GNU MediaGoblin
Free software media publishing platform for photos, audio, video, and 3D models.
Traccar Web
Modern React web frontend for the Traccar GPS fleet tracking and telematics platform.
Friendica
Decentralized social networking and community communications platform with multi-protocol federation.