10 Best Drag And Drop JavaScript Libraries (2020 Update)

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.

Originally Published Aug 03 2018, updated Mar 01 2020

1. dragula.js

dragula.js

Demo Download

dragula.js is a simple, dependency-free, touch-enabled JavaScript library that provides drag and drop functionality on DOM elements.


2. 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.


3. Dropzone

Dropzone

Demo Download

An easy to use drag’n’drop library. It supports image previews and shows nice progress bars.


4. 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.


5. Performant Drag And Drop JavaScript Library – Draggabilly

Demo Download

Draggabilly is a jQuery & Vanilla JavaScript plugin that provides an advanced, performant, smooth, touch-friendly Draggable functionality on any DOM element.


6. table-dragger

table-dragger

Demo Download

table-dragger is a dependency-free JavaScript library that allows to reorder table rows/columns via mouse drag & drop and touch tap & swipe. Also comes with an animation when moving items.


7. dragon-drop

dragon-drop

Demo Download

Accessible drag and drop list reorder module.


8. Draggable HTML/SVG Elements – PlainDraggable

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. Touch-enabled Drag And Drop JavaScript Library – DragDropTouch

drag-drop-touch

Demo Download

DragDropTouch is a JavaScript polyfill that enables the native HTML5 drag and drop functionality on mobile touch devices.


10. Performant Drag And Drop JavaScript Library – Draggable

Performant Drag And Drop JavaScript Library - Draggable

Demo Download

A performant and cross-browser JavaScript Draggable library which makes any elements moveable via drag and drop.


More Resources:

To find more JavaScript libraries to create draggable and sortable elements on the web app, don’t forget to check out our other awesome resources:

You Might Be Interested In: