puck VS sortablejs

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)!

We can also pass all the options for SortableJS as the second parameter. See SortableJS Docs.

SortableJS is a touch-friendly library that enables drag-and-drop sorting of lists. Its simple API and flexibility make it a go-to solution for implementing sortable lists, providing an intuitive user experience for rearranging items on the fly.

Sortable.js

We've been using SortableJS for years for similar functionality.

https://sortablejs.github.io/Sortable/

Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.

Maybe: https://github.com/SortableJS/Sortable Can do this not sure.

Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).

I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).

Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.