Build
Build on-brand experiences with a WYSIWYG editor for React.
Let your users, your team, and your agents build production-ready interfaces inside your app.
Build on-brand experiences with a WYSIWYG editor for React.
Generate experiences in Puck using your components, brand, and data.
Personalize pages with real-time generative UI driven by your data.
Puck is modular and embeds in any React app.
Embed Puck directly inside your React app.
Add your components, design rules, and backend APIs.
Generate experiences directly inside your app.
Store and serve output from your own backend.
Unlike other tools, Puck is designed to run inside your app for both team members and end users.
| CRITERIA | PUCK | CODING AGENTS | AI SITE BUILDERS |
|---|---|---|---|
| Who can use it | Non-technical users | Developers | Non-technical users |
| Output | JSON | Raw code | Locked-in code |
| Data ownership | Your database | Your repo | Their platform |
| Runs inside your app | Yes | No | No |
Add an AI colpilot directly to your app.
Explore AI copilot →Generate new components within the guardrails you define.
Explore Design mode →Bring your own UI, tools, and workflows to integrate deeply with your app.
Explore Headless APIs →Use the providers and models that fit your product.
Explore BYOK →Give every customer a way to create and edit interfaces.
Generate dynamic experiences for every user when they visit your app.
Build the tools for your team to ship interfaces faster.
Scale content ops with AI, without compromising consistency.
The core editor is MIT-licensed, allowing you to safely integrate Puck without vendor lock-in.
Set up the open-source editor and add AI when you're ready.
Talk to the team about headless APIs, private infrastructure, and enterprise workflows.