puck VS dnd

See the full changelog for all changes via the GitHub release.

If you’re starting from scratch, you can also use one of the Puck recipes to spin up a new project:

⭐ Support us on GitHub by dropping a star

Puck is an embeddable, modular, open-source visual editor for React with built-in support for complex drag-and-drop page building. While GrapesJS provides a barebones page building experience, and tools like Builder.io and Storyblok offer fully-fledged CMS platforms, Puck aims to bridge the gap. It combines an extendable ready to use page editor with a fully decoupled page export model—giving you flexibility without locking you into a specific backend or proprietary ecosystem.

That would be wonderful, but will require some further work. Puck doesn't provide a grid, but it supports user grid implementations.

To support something like you're suggesting would likely require an official Grid component, which I'm now tracking here: https://github.com/measuredco/puck/issues/843

The official next recipe now uses Next 15.1 and React 19 by default. If you're using the recipe and want to upgrade, make sure you also upgrade to React 19 as required by Next 15 when using the App Router. See the official Next.js upgrade guide for more info.

I was using another great library called puck, which is basically a very customisable editor, that can create sites/newsletters/pdfs (something visual) and came to the next step which was turning the output of the editor into a PDF.

We're grateful for the community's support and contributions. Join the conversation on GitHub and Discord.

Hello fellow hackers!

We launched Puck in September [on Hackernews](https://news.ycombinator.com/item?id=37391848) after building it for our clients, and had a wild ride to the front page!

I wanted to share a little update on what's happened since:

1. 3.7k starts [on GitHub](https://github.com/measuredco/puck)!

@wazza99/use-sortable also contain numerous functions which help in the management of your board state for example: addColumn,addColumnItem,deleteColumn... and so on, you can take a look at the docs here: docs. You can also take a look at @hello-pangea/dnd to understand more about the library.

hello-pangea/dnd is a fork of react-beautiful-dnd, the legendary DnD library originally developed by Atlassian. It was designed specifically for list-based drag-and-drop interactions, prioritizing accessibility and smooth animations in kanban style UIs, like Trello.

I raised an issue on the dnd package here, but curious to see if anyone had the same issue: https://github.com/hello-pangea/dnd/issues/696

I tried dndkit recently but ended up liking https://github.com/hello-pangea/dnd waaaayyyy more. It's the active repo for beautiful-dnd which was made by atlassian and still used in their products.

@react-forked/dnd found a new home and has moved to a new organization. You should install @hello-pangea/dnd instead if you want new features and bug fixes.

Word of warning : that library doesn't work with react 18 strict mode, and it doesn't seem like a fix is coming anytime soon because as I understand it it's not actively maintained anymore. A fork is in the works but as of now still no strict mode support.

TL;DR react-beautiful-dnd a.k.a. rbd isn’t actively maintained anymore. I’ve decided to fork the project to give it a second life. It’s called @react-forked/dnd or rfd. Try it!

There's a new forked version now to pick up where Atlassisan left off: https://github.com/react-forked/dnd