React interfaces can be generated and refined inside applications with Puck, a visual editing tool.

puckeditor.com
Puck homepage screenshot

About Puck

Puck is a visual editor for React that can be embedded directly inside a React application. It offers a WYSIWYG editor for building on-brand experiences and AI-assisted generation using your components, brand, data, and backend APIs. Developers integrate their components, design rules, and APIs; output is stored as JSON and served from the user's own backend. It also lists integration options such as AI copilot, design mode, headless agents, and bring-your-own-key (BYOK) for AI providers and models. Personalization is marked as coming soon, and pricing is not stated.

Key features

  • Embeddable WYSIWYG visual editor for React applications
  • Generate interfaces with AI using your components, brand, and data
  • Connect backend APIs and data to ground generated pages
  • Store and serve editor output as JSON from your backend
  • Integration options include AI copilot, design mode, headless agents, BYOK
  • Core editor described as MIT-licensed, with GitHub repository
Best for: React developers and teams that want an embeddable visual editor for non-technical users, internal tools, white-label products, or content operations.
Good for
  • Embeds inside React apps and can output JSON stored in your own database
  • Supports existing components, design rules, backend APIs, and data
  • Core editor is MIT-licensed and linked to GitHub
Watch out for
  • Personalization is marked as coming soon
  • Pricing is not stated on the homepage
  • Enterprise deployment options require talking to sales

Puck at a glance

Type
Online tool
Pricing
Not confirmed. Check the site
Platforms
Web
Open source
Not stated
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

Puck alternatives

Tools and sites you could use instead, ranked by how closely they match.

react-spring

react-spring.dev

react-spring provides fluid animations for user interfaces and application interactions.

Popular in Frontend Development

Well-known listings from the same topic.

All 29

Puck FAQ

Does Puck run inside my app?
Puck is designed to run inside your app for both team members and end users.
Can I use my own backend and data with Puck?
Yes. Integration uses your components, design rules, and backend APIs, and output is stored and served as JSON from your own backend.
Can I use my own AI providers with Puck?
Yes. The BYOK integration option is for using providers and models that fit your product.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing