Puck
Open-source visual editor for React
FreeVisual editingCMSOpen Source3,282 impressions#6 of its week
Open-source drag-and-drop visual editor you embed in any React app, with AI-assisted page generation.
- for
- React developers who want an embeddable visual editor for internal tools or end-user customization.
- pricing
- freemium
- license
- MIT
Key features
- Embeddable editor — Integrates directly into any React application as a component.
- AI Copilot — AI agent lets users create and edit pages inside the editor.
- Custom components — Uses your own React components and design rules for generated UI.
- JSON output — Stores generated pages as JSON that you can serve from your backend.
- BYOK support — Launch and Growth plans let you bring your own model keys, bypassing platform fees.
- Headless APIs — Programmatic API for generating pages, enabling deep workflow integration.
Use cases
- White-label products that let customers design their own interfaces.
- Personalized pages that adapt in real time to user data.
- Internal tools for teams to build and ship UI faster.
- Enterprise content operations that scale AI-generated content.
Puck pricing
- Launch$199/monthAI Copilot and API · OpenAI models · Token cost + 0% (BYOK) · Priority support
- Growth$799/monthAI Copilot and API · Private models · BYOK · Dedicated Slack channel
Puck vs alternatives
 Puck |  BuildShip |  Fastgen |  Pieces Copilot |  Saas UI | |
|---|---|---|---|---|---|
| Best for | Embeddable AI-powered React editor | AI-powered visual backend builder | Webflow-like backend builder | AI coding assistant | React component starter kit |
| Pricing | Freemium | Free | Subscription | Free | Free |
| DevHunt upvotes | 4 | 118 | 95 | 63 | 54 |
| Launched | Aug 2026 | Jan 2023 | Jan 2023 | Mar 2024 | Jan 2023 |
- Puck vs BuildShip: BuildShip is a drag-and-drop backend builder, while Puck focuses on front-end React UI editing.
- Puck vs Fastgen: Fastgen builds backend sites; Puck provides an embeddable React UI editor with AI assistance.
- Puck vs Pieces Copilot: Pieces Copilot is an AI coding sidekick, whereas Puck embeds an AI-driven visual editor inside your app.
- Puck vs Saas UI: Saas UI is a component library starter kit; Puck is a customizable visual editor that uses your own components.
Puck FAQ
How is AI usage billed?+
Requests use the model provider's list price plus a platform fee (20% for Pay-as-you-go, 0% for BYOK plans).
What is the difference between the AI Copilot and API?+
Copilot is an in-editor agent for users; the API generates pages programmatically for deeper integration.
Can I use my own model key?+
Yes, Launch and Growth plans support BYOK, letting the provider bill usage directly.
What happens if I run out of credit?+
Requests pause until you add credit or enable auto-reload; BYOK customers can continue using their own keys.
Do you offer professional services?+
Yes, you can request feature development or other services by contacting the team.
Summarized by DevHunt from puckeditor.com · Sep 29, 2026. Details may change; check the official site.
