Puck

Create and edit React page layouts with Puck, a modular visual editor for React.

github.com/puckeditor/puck
Puck homepage screenshot

About Puck

Puck is a modular, open-source visual editor for React.js for building custom drag-and-drop editing experiences with your own application and React components. It runs as a React component in React environments including Next.js. You keep ownership of your data with no vendor lock-in, and the project is MIT licensed.

Pricing is not clearly stated.

Key features

  • Install via npm i @puckeditor/core or start with npx create-puck-app my-app
  • Define editing experience through component config with fields and render functions
  • Persist editor output to your own database via onPublish
  • Render saved data with separate Render component
  • Next.js recipe using App Router and static page generation
  • React Router v7 recipe using dynamic routes for pages
Best for: Building custom drag-and-drop experiences with own React components and database storage

Puck at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Details verified
Oct 22, 2026 · Official source
Open source
Yes · Source code
Language
English
Last checked
Oct 5, 2026 · Online when checked
Listed
Oct 5, 2026

Puck alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Popular in Design Assets & Inspiration

Well-known listings from the same topic.

All 256
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing