Skip to content

Comment on GridList – Drag and drop library for a 2D resizable and responsive list of items

Comments

Shame it uses the bloated jquery UI

Not a big fan of jQuery UI myself, but just the dragging capabilities are built on top of jquery.draggable, the rest is jQuery and even DOM agnostic.

We build the lib into two components. There's the jQuery-dependent one that just powers the UI interaction and translates cols and rows into pixels for DOM elements. Then there's the main logic, which is an agnostic class that implements all the grid positioning and collision management logic. This makes it possible to calculate new grid positions on the server-side. Same with running unit tests.

I liked this script, do you know something good not made in jQuery UI? thanks

similar libs: packery, masonry, gridster

From what I can see, jQuery UI is only brought in to add draggable functionality. It's possible to leave it out if you want.

Or just build jQuery UI with only the draggable component.

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.