jQuery is awesome which helps us to do amazing things with only few lines of code and every day it gets better. This is because jQuery has a huge community which add awesome plugins to its repository. With jQuery, you can easily create user friendly and sophisticated web user interfaces in a lightweight and elegant way. In this post, we’ve 10 jQuery plugins that enable you to add drag and drop feature to your frontend. Enjoy!

Recommended jQuery plugin for professional image gallery: TN3 – The Best jQery Image Gallery Plugin

JQuery File Uploader

jQuery Drag and Drop Plugins

This is a awesome jQuery plugin to drag and drop files, including ajax upload and progress bar.

Demo Download

Draggabilly

jQuery Drag and Drop Plugins

Draggabilly is a separate jQuery library that makes elements draggable. It supports IE8+ and multi-touch.

Demo Download

ElastiStack

jQuery Drag and Drop Plugins

ElastiStack is a little script that lets you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

Demo Download

jQuery Gridly

jQuery Drag and Drop Plugins

Gridly enables dragging and dropping as well as resizing on a grids.

Demo Download

Ajax Drag & Drop File Upload Form

Ajax Drag & Drop File Upload Form

Really useful tutorial about creating an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually.

Demo Download

DropzoneJS

jQuery Drag and Drop Plugins

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

Demo Download

jQuery.kinetic

jQuery Drag and Drop Plugins

jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers.

Demo Download

DRAGGABLE IMAGE BOXES GRID

jQuery Drag and Drop Plugins

Draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a full screen content area.

Demo Download

Gridster.js

jQuery Drag and Drop Plugins

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.

Demo Download

Nestable

jQuery Drag and Drop Plugins

Drag & drop hierarchical list with mouse and touch compatibility.

Demo Download

email