10 Best Drag And Drop JavaScript Libraries For 2019

Drag and Drop is a native HTML5 functionality to move, sort, re-position any element via mouse drag and drop. This is a collection of 10 best JavaScript libraries that enhance the native HTML5 drag and drop functionality or use the Drag and Drop API to do cool stuff on draggable elements.

1. Sortable

Lightweight JS Sorting Library with Native HTML5 Drag and Drop - Sortable

Demo Download

Sortable is a lightweight and simple javascript library that makes a list of items sortable by using native Html5 drag and drop API. Works with all the modern browsers and touch devices.

2. displace.js

displace

Demo Download

displace.js is a lightweight yet configurable JavaScript library used to create movable elements with drag and drop support.


3. displace.js

displace

Demo Download

displace.js is a lightweight yet configurable JavaScript library used to create movable elements with drag and drop support.


4. html5sortable

html5sortable

Demo Download

html5sortable is a lightweight and standalone JavaScript library for re-sorting a group of list and/or grid items using native HTML5 drag and drop API. Supports exclude, nested, connected lists and even table rows.


5. Magnet.js

Drag And Drop With Snap Into Place – Magnet.js

Demo Download

Magnet.js is a small and standalone JavaScript library that provides drag and drop with snap into place functionality for single or grouped elements.


6. draggable.js

draggable

Demo Download

draggable.js is a customizable draggable/droppable/sortable/swappable JavaScript library that works with mouse drag, touch and force touch events.


7. DragonflyJS

Resort Elements With Drag And Drop – DragonflyJS

Demo Download

DragonflyJS is a small drag’n’drop library which enables a group of elements within a container to be sortable via drag and drop. Without any 3rd dependencies.


8. PlainDraggable

Draggable HTML/SVG Elements – PlainDraggable

Demo Download

PlainDraggable is a simple, performant drag and drop library which enables draggable functionality on any HTML and SVG elements with snapping and boundary support.


9. Draggin.js

Mobile Compatible Drag And Drop Library – Draggin.js

Demo Download

Draggin.js is a fast, cross-browser and mobile-compatible drag and drop library for JavaScript.


10. Draggable List View With Vanilla JavaScript

Draggable List View With Vanilla JavaScript

Demo Download

An ES6 JavaScript library to create a list view where the users are able to re-sort list items via drag and drop.