LOGO

This page was built with Puck

Puck is the self-hosted visual editor for React. Bring your own components and make site changes instantly, without a deploy.

Drag-and-drop your own React components

Configure Puck with your own components to make change for your marketing pages without a developer.
Built for content teams
Puck enables content teams to make changes to their content without a developer or breaking the UI.
Easy to integrate
Front-end developers can easily integrate their own components using a familiar React API.
No vendor lock-in
Completely open-source, Puck is designed to be integrated into your existing React application.

The numbers

This page demonstrates Puck configured with a custom component library. This component is called "Stats", and contains some made-up numbers. You can configure any page by adding "/edit" onto the URL.
Users reached
20M+
Cost savings
$1.5M
Another stat
5M kg
Final fake stat
15K

Extending Puck

Puck can also be extended with plugins and headless CMS content fields, transforming Puck into the perfect tool for your Content Ops.
plugin-heading-analyzer
Analyze the document structure and identify WCAG 2.1 issues with your heading hierarchy.
External data
Connect your components with an existing data source, like Strapi.js.
Custom plugins
Create your own plugin to extend Puck for your use case using React.
Title
Description
Title
Description
Title
Description

Get started

Browse the Puck GitHub to get started, or try editing this page