Build
Build on-brand experiences with a drag-and-drop editor that uses your actual components.
Build, generate, and personalize production-ready UI, without engineering bottlenecks.
Build on-brand experiences with a drag-and-drop editor that uses your actual components.
Generate on-brand experiences with AI that understands your components, brand, and data.
Personalize your site or product in real-time with AI that adapts it to every user.
Puck bridges your app between developers and everyone else.
A developer embeds Puck directly inside your website or application.
They add your components and connect any backend systems.
Create brand-safe experiences with drag-and-drop & opinionated AI.
Publish to your own backend and serve wherever you need.
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.
Read AI copilot developer docs →Generate new components within the guardrails you define.
Read Design Mode developer docs →Integrate with your own agents using our headless APIs.
Read Headless Generation developer docs →Use your own AI provider and models to fit your requirements.
Read Model Configuration developer docs →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.
Try the demo, then embedding Puck in your application.
Talk to the team about headless APIs, private infrastructure, and enterprise workflows.