The drag-and-drop visual editor you can embed in any React application. It's MIT licensed, fully customizable, uses your own components, and saves your data wherever you want. No fees, no limits, no vendor lock-in.
Hey hunters! I’m excited to finally share Puck on Product Hunt 🚀
Puck is an open-source drag-and-drop visual editor for React. It lets you create a page builder for your React components and embed it directly in your app.
It’s MIT-licensed, so you can use it for everything from internal tools (like marketing pages) to full-blown commercial no-code products.
I built Puck after years of freelancing, as my clients needed page builders after most CMSs went headless. Existing solutions either had clunky UX or came with heavy vendor lock-in.
Puck strips everything back:
🔨 Just a React component, unopinionated about your stack
💽 Outputs clean JSON you can store anywhere
🎶 UX you can fine-tune to your use case
📑 Flexible enough for web pages, emails, PDFs — basically anything visual
Huge thanks to the Puck community for your support and contributions ❤️ Can’t wait to share what’s next!
Love this! Always wanted to build a drag-and-drop editor, but felt it was overly complex. Definitely playing around with this in my next project.
As someone that designs in Figma and then codes in React, I can't wait to stop having to look up Tailwind abbreviations when modifying my CSS 😅
ove how open this feels. An editor that outputs clean JSON and respects my stack is exactly what my team needed for client projects.
Thank you for your contributions to the open source community, especially those under the MIT license
Hi congrats on the lauch.
i would suggest showing the demo of the product on the homepage like any screenshot? I was bit confused at the first and then when I clicked on the demo link, it made sense. Good product BTW
Been keeping an eye on Puck for a while, this looks fantastic. Eager to try it out soon and best of luck for the launch!
The editor is incredibly intuitive, and what truly sets it apart is its versatility and extensibility. I'm having a fantastic time building with it. Highly recommended!
super clean and dev-friendly. Love that I can use my own components without vendor lock-in. Definitely trying this in my next project! @Puck.js
I absolutely love Puck. It has let me be able to create websites similar to builder.io, where you can visually build a website and then just retrieve the json to build out a react application.
About Puck on Product Hunt
“Open-source visual editor for React”
Puck launched on Product Hunt on August 21st, 2025 and earned 198 upvotes and 25 comments, placing #11 on the daily leaderboard. The drag-and-drop visual editor you can embed in any React application. It's MIT licensed, fully customizable, uses your own components, and saves your data wherever you want. No fees, no limits, no vendor lock-in.
Puck was featured in Open Source (68.3k followers), Website Builder (9.4k followers), GitHub (41.2k followers) and No-Code (5.6k followers) on Product Hunt. Together, these topics include over 36.9k products, making this a competitive space to launch in.
Who hunted Puck?
Puck was hunted by Chris Villa. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Puck stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Chris Villa