image

JavaScript drag-and-drop libraries

Get complete control over drag and drop behaviour in JavaScript or any web frameworks via bindings

Have you ever wanted a drag and drop library that just works? Following libraries abstract native browser events into a comprehensive API to create a custom drag and drop experience, works with native drag, mouse, touch and force touch events.

They did an incredible job at providing a great set of drag and drop primitives which work especially well with the wildly inconsistent html5 drag and drop feature.


Sortable

image

sortablejs.github.io

Sortable is a JavaScript library for reorderable drag-and-drop lists, can be used with modern browsers and touch devices, there are always available bindings for your favourite frameworks and libraries.

Dragula

image

bevacqua.github.io

Dragula is a drag and drop library that super easy to set up, no bloated dependencies, figures out sort order on its own, touch events, etc.

Draggable

image

shopify.github.io

Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to.

Muuri

image

muuri.dev

Muuri is a layout endinge to create responsive, sortable, filterable and draggable layouts. It has built-in support for sorting the grid items by dragging and dropping, even between grids.