There are many JavaScript drag and drop libraries available. In this article, we will look at 4 popular JavaScript drag and drop libraries that you can use to add drag and drop functionality to your web applications.
SortableJS
Sortable — is a minimalist JavaScript library for orderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React and any CSS library, e.g. Bootstrap.
DropzoneJS
Dropzone is one of the most popular drag and drop JavaScript libraries. It is free, fully open source, and makes it easy for you to handle dropped files on your website. It’s meant to look good by default, and is highly customizable.
See the Pen Dropzone Full width drag & drop by Kran Chi (@kran-chi) on CodePen.
Dragula
Dragula is a modern drag and drop library that doesn’t require jQuery. It’s tiny (2kb minified and gzipped), has no dependencies, and works on all modern browsers.
It also has bridge for modern frameworks like React, Angular2.
See the Pen 1.7 - Kanban Board Simulation by Mr. Craddock (@mrcraddock) on CodePen.
InteractJS
Interact.js is a JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+).