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.

Demo

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.

Read Documentation

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.

  1. React
  2. Angular

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+).