Puck
FreemiumVisual editor for React design systems with AI that knows your components
By Tanmay Verma, Founder · Last verified 03 Jul 2026
0 views
Added 6d ago
77/100Safe BetIn short
Puck — Visual editor for React design systems with AI that knows your components. Best for React developers building custom CMS or content tools with their own component library, Design system teams wanting to empower non-technical contributors with brand-safe editing, Product teams shipping brand-constrained, production-ready UI without engineering bottlenecks. Free to start; paid plans from $25/mo.
Is Puck actually worth it?
LiveSee what real users actually say. We scan live discussions, reviews and complaints across the web and hand you an honest verdict — in under a minute.
3 free scans · no card needed · downloadable report
Editorial Verdict
Best for
React developers building custom CMS or content tools with their own component libraryDesign system teams wanting to empower non-technical contributors with brand-safe editingProduct teams shipping brand-constrained, production-ready UI without engineering bottlenecksAgencies white-labeling a visual editor for client projectsTeams needing an open-source editor with no vendor lock-in and AI that respects design constraints
Not ideal for
Non-React projects (requires React.js environment)Teams wanting a pre-built, turnkey CMS without custom component setupBeginners with no React experience — you must define your own components and fieldsUse cases requiring visual editing of arbitrary HTML (not component-based)Teams that need a full content management system beyond page building
Puck is a strong pick for React teams that need a customizable, on-brand visual editor without vendor lock-in. Its AI is uniquely constrained to your components, making it production-ready. But it's not for non-React projects or those wanting a pre-built CMS.
Compare with: Puck vs Draftbit, Puck vs Playcode, Puck vs Fimo
Last verified: July 2026
What's new in Puck
Checked 6 days agoAcross the latest 7 updates: 3 feature updates, 1 launch and 3 changelog entries.
ChangelogBlog·15 days agoNewest
Upgrading to Puck 0.22
Guide for migrating existing apps to Puck 0.22, covering new theming and API changes.
ChangelogBlog·15 days agoNewest
Puck 0.22: Theming with CSS variables
Puck 0.22 introduces theming via CSS custom properties, automatic CSS loading, and host style sync controls.
FeatureBlog·May 28
Puck AI 0.7: File attachments
Puck AI 0.7 adds file attachment support (images, PDFs, text) to chat prompts.
FeatureBlog·Feb 10
Puck AI 0.6: Tool binding, request manipulation & more
Puck AI 0.6 adds tool binding APIs, prepareRequest API, and component exclusion.
ChangelogBlog·Jan 14
Upgrading to Puck 0.21
Guide for upgrading to Puck 0.21, covering AI features and breaking changes.
FeatureBlog·Jan 14
Puck AI 0.5: onFinish API and switch to Puck stable
Puck AI 0.5 adds onFinish API for usage tracking and migrates to Puck 0.21 stable.
LaunchBlog·Jan 14
Puck 0.21: AI beta, rich text editing & new plugin rail
Puck 0.21 introduces AI page generation, rich text editing, new plugin interface, and API improvements.
What independent users actually report about Puck
We ran a structured research pass across product reviews, community discussions, and post-purchase forum threads to surface the patterns vendors won't publish themselves. Below: the recurring strengths, the hidden costs people mention most, and the cohort that consistently regrets adopting this tool.
48 mentions across 3 sources (Reddit, Hacker News, Lemmy).
17% positive83% critical
Recurring strengths
- +Open source (MIT) with full code access
- +Uses your own React components as building blocks
- +AI page generation constrained to brand design system
- +Headless API for programmatic page editing
- +Supports React Server Components and Next.js
Recurring frustrations
- −Almost no community feedback exists for evaluation
- −Name collision with Steam Controller hardware
- −Cloud features (AI, collaboration) not yet proven
- −No evidence of production usage or case studies
- −Support is GitHub issues only, uncertain responsiveness
Patterns worth knowing
Name ambiguity drowns out editor discussion
Seen on Hacker News, Lemmy, Reddit
Tool appears promising but lacks community validation
Seen on Reddit
Learning curve
beginnerProductive in ~A few hours
Hidden costs people mention
- • AI API usage may incur overage charges beyond Business+ tier
- • Self-hosting requires server costs and maintenance
Viability Score
77/100
Safe BetHow likely is Puck to still be operational in 12 months? Based on 4 signals — momentum (how recently it shipped), wrapper dependency, revenue model, and web presence.
momentum
55
funding runway
80
website health
90
wrapper dependency
100
Last calculated: July 2026
How we score →Key Features
- Drag-and-drop page building with custom React components
- AI page generation constrained to your design system
- AI chat with file attachment support (images, PDFs, text)
- Headless AI generation via API (Business+ plans)
- Multi-column layouts with advanced CSS
- Theming via CSS custom properties (added in v0.22)
- Dynamic props and dynamic fields
- External data source integration
- React Server Components support
- Viewport preview in same-origin iframe
- Feature toggling via permissions API
- Plugin API for extensibility
- Versioned page datastore (coming soon)
- Multiplayer collaboration (coming soon)
- MIT licensed, self-hostable
About Puck
FreemiumIntermediateAPI availableWeb · API
Puck is an open-source, agentic visual editor for React.js that lets teams build and edit production interfaces using their own design system components. It provides an intuitive drag-and-drop builder constrained to your brand, so every page is on-brand by default. With Puck AI, you can generate pages from your components, brand, and data — either via an in-editor copilot or a headless API. The editor supports multi-column layouts, dynamic props, external data sources, and React Server Components. A theming system using CSS custom properties was added in version 0.22, and AI chat now accepts file attachments. Puck runs in any React environment including Next.js and is MIT licensed. Cloud features — AI, versioned page storage, and multiplayer collaboration — are available via Puck Cloud. Unlike turnkey CMS tools, Puck requires you to define your own React components, making it ideal for teams that already have a design system and want full control.
Behind the Verdict
Puck hits a sweet spot for React developers who are tired of clunky WYSIWYG editors that ignore their design system. The open-source core is genuinely useful on its own — you get a visual builder that speaks your component library. The AI copilot is a nice addition, but it's cloud-only and metered; heavy users will want the Business plan starting at $150/month. The recent 0.22 theming update makes styling with CSS variables smoother, and the file attachment support in AI 0.7 lets you upload reference images or specs. Where it bites: you need React expertise upfront to define components and fields. Non-React projects are out of luck. Compared to alternatives like Builder.io (which also offers visual editing with your components), Puck is more developer-controlled and open source, but Builder.io has more out-of-the-box integrations. We'd reach for Puck when you want a visual editor that's an extension of your codebase, not a separate platform. Stick with a headless CMS if you need content management beyond pages.
Researching Puck? Get your full AI stack in 60 seconds.
Free, no signup — tell us your goal and get tools matched to your budget & existing stack.
Use Cases
- Build and edit marketing pages using your existing React component library.
- Generate entire page layouts from text prompts, constrained to your brand.
- Automate content publishing workflows with headless AI generation via API.
- White-label a visual editor for your commercial SaaS product.
- Allow non-technical team members to create on-brand pages without code.
- Migrate legacy content into a component-based system with data migration tools.
Limitations
- AI features (copilot and headless generation) are gated behind paid Puck Cloud plans with monthly AI credits.
- The AI is in beta and may have limited accuracy or require careful tool binding.
- Multiplayer and versioned page datastore are listed as 'coming soon' and not yet available.
12-month cost
Project the real annual outlay, including the implied monthly cost when only an annual tier is published.
Annual total
$300
Over 12 months
Effective monthly
$25
Billed monthly
Vendor list price only. Add-on usage, seat overages, and contract minimums are surfaced under Hidden costs & gotchas.
Resources & Guides
Frequently Asked Questions
Tools that pair well with Puck
Common stack mates teams adopt alongside Puck, with the specific reason each pairing earns its keep.
Featured Head-to-Head Comparisons
Alternatives to Puck
View allUsed Puck? Help shape our editorial sentiment research.