Best jQuery Drag & Drop Plugins & Tutorials with Demo

KEditor : jQuery Drag Drop Content Editor Plugin

KEditor : jQuery Drag Drop Content Editor Plugin

KEditor is a jQuery plugin which provides a content editor with drag and drop snippets.

Gijgo : Free Javascript Controls

Gijgo : Free Javascript Controls

Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library and with built-in support for Bootstrap and Material Design. They are designed to saves you time and scales with your development process.

HyperModel : jQuery Related Model Design Plugin

HyperModel : jQuery Related Model Design Plugin

Related model design plugin, It works with jQuery well. You can drag and swap each of grids and properties.

Fileuploader : Beautiful and powerful HTML5 File Uploading Tool

Fileuploader : Beautiful and powerful HTML5 File Uploading Tool

Fileuploader is a beautiful and powerful HTML5 file uploading tool. A jQuery and PHP plugin that transforms the standard file input into a revolutionary and fancy field on your page.

  • File preview with image thumbnail or icon
  • File image thumbnail can be generated in canvas to resize it perfectly for given with and height
  • Render synchron the file preview
  • File icon background is generated from file extension
  • Customize your own input and thumbnail elements
  • Responsive and fancy animations
  • Choose multiple files from different folders
  • Drag&Drop feature
  • Upload each file with Ajax
  • Upload synchron the files
  • Upload progressbar with many data available
  • Start, retry and cancel upload actions
  • Paste images from clipboard (only in Chrome)
  • Validate the file’s limit, size and extension. You can also use your own function
  • Edit mode for already uploaded files
  • All files are in one list in a hidden input
  • Use input HTML attributes to configurate it
  • HTML template renderer using Text variables
  • CSS file icon
  • PHP upload helper
  • PHP generates an array with many file informations
  • PHP can create a custom file name
  • API and more than 24 Callbacks to manipulate freely the appearance and functionality of your file input

Dragarrange : jQuery plugin to Arrange/Order DOM elements

Dragarrange : jQuery plugin to Arrange/Order DOM elements

A Basic jQuery library to arrange/order DOM elements by dragging.This plugin doesn’t require any CSS change, just call the function on elements you want to be arranged, and you are done.

jQuery Drag & Drop Email Builder

jQuery Drag & Drop Email Builder

Simple Drag & Drop Email builder with responsible HTML export.Just build an Email, export him as HTML and send it!.You can install it in any Virtual Hosts you want, like Apache, Nginx, NodeJS and others.

Features:

  • Material Design & Icons
  • TinyMCE text editor
  • Upload your own images
  • Import Email
  • Export Email as JSON and HTML
  • Responsive HTML
  • Preview Email
  • Less files

Table-dragger : Easily drag and drop sorting Table

Table-dragger : Easily drag and drop sorting Table

Table-dragger is a minimalist plain Javascript library for building reorderable drag-and-drop table.

Features:

  • Super easy to set up
  • Cellspacing, cellpadding, col and colgroup in account
  • Able to sort columns or rows at the same time
  • Smooth animation when sort
  • No bloated dependencies
  • Touch events

Bal : jQuery Email Newsletter Builder

Bal : jQuery Email Newsletter Builder

Bal is a drag & drop email builder plugin based on Jquery for developer. You can simply integrate this script in your web project and create custom email template with drag & drop. It can be installed on any website.

Features:

  • Email Templates
  • 50+ different options
  • 5 language support
  • Customize very easily with Context menu
  • Edit any element with source code (Live Html Editing)

Zoom3d : jQuery Panning and Zooming Plugin

Zoom3d : jQuery Panning and Zooming Plugin

Zoom3d is a jQuery plugin for native-like momentum panning and zooming in mobile browsers.

Rich Functional List : jQuery Cards Plugin

Rich Functional List : jQuery Cards Plugin

RFL is a jQuery cards plugin built with good UX in mind. It’s responsive, touch-compatible, and integrates well with other jQuery plugins. Everything you could want to build modern card apps.