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!
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!
Thanks for the support @camblackwood95! Let me know when you do - keen to hear your feedback.
Report
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
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.
Replies
Puck
1Page
@chrisvxd Good job
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!
Puck
Love feedback like this. Thanks for being part of the community @theophil_hs 🙏
YouMind
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
Puck
@nicoleastor Ah awesome. We hang out in Discord if you need any support: https://discord.gg/D9e4E3MQVZ
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!
Puck
Thanks for the support @camblackwood95! Let me know when you do - keen to hear your feedback.
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
Puck
Thanks @jinsoncjohny! We're actively revamping the homepage but didn't get it done before this launch.
Trufflow
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 😅
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.
1Page
Love it :)
A fully customizable, MIT-licensed drag-and-drop editor for React without limits or lock-in is a huge win for developers.
Appwrite
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.
Puck
@alex_patterson Puck loves you too! Thanks for the vote of confidence 🙏