15 Amazing jQuery Drag and Drop Plugins

jQuery allows you to create stylish yet user friendly websites that are not only pleasing to the eye but also are very lightweight and load quite quickly. With jQuery Drag and Drop is not as hard as it used to be. Like most others with a great interest in web front end development jQuery have a special place in my heart.

So today, in this post we are going to share best jQuery drag and drop plugins for developers and designers, these plugins make your task more easy ans simple by just drag and drop elements from one side to other. We hope that you will like this collection and find these plugins helpful for you.

For more resources please see:

1. Easy Scroll

This easy scroll application was made to simplify your work and save you time in developing any kind of web template or application.

Easy Scroll

2. Reorder: Reorder Posts and Pages

This plugin allows users to easily change the order and hierarchy of Posts, Pages and custom content types in WordPress.

Reorder: Reorder Posts and Pages

3. Ether Content Builder WordPress Plugin

Ether Content Builder WordPress Plugin is a powerful tool for building custom pages. It is equipped with many commonly used widgets that can be laid out via interactive drag&drop interface.

Ether Content Builder WordPress Plugin

4. Visual Composer for WordPress

Visual Composer for WordPress will save you tons of time working on the site content. Now you’ll be able to create complex layouts within minutes!

Visual Composer for WordPress

5. animaDrag: Animating Drag and Drop Plugin

animaDrag is an ultra lightweight drag and drop plugin that is independent of the jQuery UI framework.

animaDrag: Animating Drag and Drop Plugin

6. Drag to Share

It’s brilliant and intuitive, and in this article I’m going to show you how we can replicate this behavior with jQuery and jQuery UI.

Drag to Share

7. Dynamic Drag’n Drop With jQuery And PHP

Drag’n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks.

Dynamic Drag’n Drop With jQuery And PHP

8. Mapbox: Zoomable jQuery Map Plugin

The jQuery mapbox() plugin is for creating relatively small scale, zoomable, draggable maps with multiple layers of content.

Mapbox: Zoomable jQuery Map Plugin

9. ZipDrop

A simple and lightweight Drag and Drop system powered by jQuery UI and PHP that allows you to Drag and Drop whichever file you wish to download from the server.


10. jDashboard

jDashboard is a jQuery Plugin that gives you an easy way to create a dynamic widget area. The widgets can easily be re-arranged and collapsed/expanded, and the layout is saved in cookies.


11. Drag n Drop Scattered Gallery

This is a gallery API that has the following features: supports very flexible drag-drop, Can set a wrapper div for the images to be put inside (like in the live demo), images are scattered randomly at the beginning and on selecting an images it goes on top of the others.

Drag n Drop Scattered Gallery

12. SlidroGallery The Stacked Draggable Gallery, Slider

This is a Stacked Gallery Plugin, with Tons of features and options, which allows you to customize it to fit your website.

SlidroGallery The Stacked Draggable Gallery, Slider

13. Table Drag and Drop JQuery Plugin

This Table drag and deop plugin allows the user to reorder rows within a table, for example if they represent an ordered list (tasks by priority for example).

Table Drag and Drop JQuery Plugin

14. jqDnR

jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements.


15. Draggable

The jQuery UI Draggable plugin makes selected elements draggable by mouse.


If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.