Puck
Modular visual editor for React: drag-and-drop page editing built from your own components.
MIT-licensed, installed from npm, with no vendor lock-in on your data.
Puck is a React component that gives your editors a drag-and-drop page builder using components you define. It suits developers building a CMS or marketing-page tool inside their own product.
What it is
You install @puckeditor/core, describe your components and their fields in a config, and render the Puck editor and a Render component in your app. It works in React environments including Next.js, and you decide where the page data is saved.
Who it's for
It suits React and Next.js teams who want editors to assemble pages from an approved component set. It does not suit non-developers, because there is no hosted designer: you must write the config and wire up storage.
Key features
Your own components
Editors drag in components you define in a config.
Field types per component
Declare text and other fields that appear in the editor sidebar.
Plain data output
Page data is yours to save in any database.
Next.js friendly
Works in React environments including Next.js.
Starter command
npx create-puck-app scaffolds a new project.
Up and running in 3 steps
Our honest verdict
What's great
- MIT licence makes it usable in internal and commercial products.
- You keep the data and the component design system.
- A single React component, so it fits existing apps.
- Demo and docs are linked from the README.
Where it falls short
- It needs React development work; there is no no-code mode.
- You must build saving, hosting and publishing yourself.
- There is no AI generation in the README.
Pricing & license
Puck is free under the MIT licence. Its README shows no paid plan, so the cost is developer time and wherever you store pages.
Open remote AI-training roles
870 open remote AI-training roles, updated November 14, 2026; most pay $20–$170 an hour. Zekai lists them free; the application goes to the employer’s platform.
Alternatives
These reviewed AI tools do the same job instantly — from our scored directory.
Use it, or have us set it up
FAQ
Is Puck free for commercial use?
The README says it is MIT licensed, suitable for internal systems and commercial applications.
Does it need Next.js?
No; it works in React.js environments, including Next.js.
Where is page data stored?
You choose; the README example saves it through your own function.
