Drag & Drop Layout
Gridstack dashboards the user can rearrange, plus free-form dragging with Interact.js.
Gridstack.js — rearrangeable dashboard
Drag a widget by its header, or grab a corner to resize it
Layout is stored in localStorage under nx-gridstack. Status: unsaved
Interact.js — free-form dragging
Drag, resize and snap to a grid
Draggable
Move me anywhere
Resizable
Grab any edge
Also draggable
Position: —
When to use which
Gridstack.js
Column-based dashboards where widgets must not overlap and the layout needs to be saved and restored per user.
Interact.js
Free positioning: diagram editors, seat maps, floor plans, anything that is not a grid.
SortableJS
Reordering lists and moving cards between columns. Simpler than both when order is all you need.