Show HN: Puck – Open-source visual editor for React

Just wanted to give a quick background, I am a business owner on hosting provider, and was a 10 years developer prior to opening my own business.

Recent years, the trend of people using Woocommerce + Wordpress has increased massively, and with that, comes bigger headache. People want cheap but fast solution, but Woocommerce and cheap hosting will never be within the same category. Most normal consumer will blame hosting provider. Thus, I decided to embark on a journey to create a simple replacement (not full) of Woocommerce. I have finished all functionality needed for a simple ecommerce, including payment, but 1 thing stumped me a lot. Customer is not IT Tech Savvy, most of them develop the Woocommerce with Elementor or any other Drag and Drop Builder. So unless I can find a plugin that can dynamically change the front end, I know my new ecommerce will not be accepted. After searching for multiple FOSS option, like GrapeJS and many others, I stumbled upon Puck Editor, and the rest is history.

It took me a day to understand the flow, and 1 week to build a working drag and drop builder including adding products dynamically to the puck editor. I cannot thank you enough for this.

With my skill, i doubt i can contribute much on Puck Development, but once mini-commerce is done, i will be making it MIT so that people that requires a quick ecommerce system can use or fork it.

I joined a global fintech 3 years ago, our public pages are built using nextjs, the content is baked in the code. We do lots of localisation and personalisation.

Finding puck was a massive turn around point. It made us realise it's possible to construct complex layouts visually then attach copy/media to it to reach the complex set of pages we used to maintain manually.

Even though puck looks like it's in early stages. I feel safe about using it in production because it's modular and open for extension. It solves one core problem perfectly and enables users to elevate the editing experience with custom fields, overrides and resolving logic. Can't recommend it more. Unlike Sanity/Payload-Visual/Contentful-Studio/Builder.io which offer visual editing features but closed source some behind enterprise plans for a large chunk of money. Puck is open source, free to use, flexible base.

Puck has been a fantastic addition to my workflow, and I'm really impressed with the progress. I'm actually using it as the foundation for a plugin I'm developing, and the flexibility and open-source nature have been invaluable.

I'm excited to see where Puck goes next! Thanks for all the hard work.

Looks great. I will try it out. My use case is buiding app components so i hope this is not just for simple web pages.

Congrats on the growth! Puck is genuinely the best page builder I've used - the MIT license and React integration make it actually practical for real projects, unlike most alternatives that lock you into their ecosystem. The multi-column drag-and-drop and headless mode show you really understand what developers need. Well deserved success!

This plugin effectively solves many of the challenges related to page building in modern React and the latest Next.js frameworks. I truly appreciate the team's responsiveness and dedication — they’re very active and supportive. The product is fantastic and definitely worth trying out!

We started using Puck for an MVP and it helped us testing ideas fast, thanks for that! It's stunning that there are no solid modern open source page builders out there, thank you for the contribution!