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.

20M+
Users reached
$1.5M
Cost savings
5M kg
Another stat
15K
Final fake stat

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