Best jQuery Drag & Drop Plugins & Tutorials with Demo

DoMenu : jQuery Drag & Drop Nestable

DoMenu : jQuery Drag & Drop Nestable

Specialized version of Nestable plugin, for back-end hierahical menu creation. Originally created for the Paperclip CMS.

Dragula : JavaScript Drag and Drop Library

Dragula : JavaScript Drag and Drop Library

Dragula is a  javascript drag and drop Library.

Features:

  • Super easy to set up
  • No bloated dependencies
  • Figures out sort order on its own
  • A shadow where the item would be dropped offers visual feedback
  • Touch events!
  • Seamlessly handles clicks without any configuration

Remarklet : jQuery Visual Editor Bookmarklet

Remarklet : jQuery Visual Editor Bookmarklet

Visual editor bookmarklet that makes modifying and commenting on web pages remarkably easy! Built with Require, jQuery, and jQuery UI.

Quiz App with jQuery & Boostrap

Quiz App with jQuery & Boostrap

This is a Quiz App. It implements full CRUD for different types of questions, DOM manipulation with JavaScript and JQuery Drag and Drop, Bootstrap, and FontAwesome for icons and MORE!!!!

SnapPuzzle : jQuery Image Puzzle Game

SnapPuzzle : jQuery Image Puzzle Game

A jQuery plugin for turning an image into a jigsaw puzzle game.

  • Adjustable difficulty level
  • May be used in responsive designs
  • Drag and drop
  • Callbacks

Architect Lite : Front-End HTML Builder

Architect Lite : Front-End HTML Builder

Architect Lite is a javascript application that allows users to build custom HTML designs via drag and drop with no coding knowledge. It is perfect for bundling with your template on themeforest or integrating into your existing projects.

Playful Interaction for Draggable Elements

Playful Interaction for Draggable Elements

A little playful interaction idea where we add some bounciness to a draggable element and animate it depending on its position.We wanted to create a playful dragging interaction that will morph and animate an element depending on its position. If dropped before the bounds we will snap the element back with an elastic effect. We also add some bounciness to inner elements so that everything gets an even more organic feel.

HTML5 Sortable : jQuery Sortable Lists and Grids

HTML5 Sortable : jQuery Sortable Lists and Grids

Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.

  • Less than 1KB (minified and gzipped).
  • Built using native HTML5 drag and drop API.
  • Supports both list and grid style layouts.
  • Supported Browsers: Current versions of all major browsers (Chrome, Firefox, Safari, Opera), IE9+.
  • Supports exports as AMD, CommonJS or global.

jQuery Sortable Tree Lists

jQuery Sortable Tree Lists

jQuery plugin to sorting lists also the tree structures. Smooth motion while dragging and scrolling.

Dad.js : jQuery Drag & Drop Plugin

Dad.js : jQuery Drag & Drop Plugin

DAD.js is a simple and awesome Drag And Drop plugin.



Best jQuery websites design awards