jQuery Drag & Drop Plugin & Tutorials with Example

Slip.js : UI library for manipulating lists via Swipe and Drag gestures

Slip.js : UI library for manipulating lists via Swipe and Drag gestures

A tiny library for interactive swiping and reordering of elements in lists on touch screens. No dependencies.Supports iOS Safari, Firefox Mobile, Chrome Mobile, Opera Mobile (Presto and Blink).

Draggable Dual-View Slideshow with JavaScript

Draggable Dual-View Slideshow with JavaScript

An experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.There are different techniques that would allow for such a layout; we tried to re-create this slideshow concept by using the Dragdealer.js library and 3D transforms. The main idea is to translate the slider on the Z axis, allowing it to be either fullscreen or of a smaller carousel size. By switching the actual size of the slideshow and removing the transforms when they are not needed anymore, we allow the slideshow to have a “real” size (i.e. 25% of the window). For the content part, we slide everything up and reveal a scrollable area.

jsPanel : jQuery Floating Panels plugin for Bootstrap

jsPanel : jQuery Floating Panels plugin for Bootstrap

jsPanel for bootstrap is basically the same as jsPanel but optimized for use in a bootstrap environment. In general this means that jsPanel for bootstrap makes use of native bootstrap components in order to adapt to the used bootstrap theme.

Touch-dnd : jQuery Touch compatible Drag’n'Drop library

Touch-dnd : jQuery Touch compatible Drag'n'Drop library

Advanced touch-compatible Drag’n'Drop library providing Draggable, Droppable and Sortable for Zepto.js and jQuery.

jQuery Gridmanager : Building Rows and Grids

jQuery Gridmanager : Building Rows and Grids

jQuery GridManager is a way of building rows and grids with built in editable regions.Requires jQuery, jQueryUI, Bootstrap 3.x, & optional TinyMCE or CKEditor.

dasBaum : jQuery Drag & Drop Treeview plugin

dasBaum : jQuery Drag & Drop Treeview plugin

A simple jquery ui widget supporting drag & drop, inline renaming, keyboard navigation, and other cool stuff.

Interact.js : Javascript Drag and Drop, Resizing and Gestures

Interact.js : Javascript Drag and Drop, Resizing and Gestures

Javascript drag and drop, resizing and gestures for modern desktop and mobile browsers.

Features:

  • snapping to a grid, custom anchors or paths.
  • cross browser and device, supporting {Chrome,Firefox,Opera}’ ‘{mobile,desktop}’, ‘ and Internet Explorer 8+
  • interaction with SVG elements
  • being standalone (not yet another jQuery plugin)
  • introducing 0 additional DOM elements
  • having(a). fluent ().interface

Draggabilly : Make that shiz draggable with JavaScript

Draggabilly : Make that shiz draggable with JavaScript

Make that shiz draggable with javascript.Rad because it supports IE8+ and multi-touch.

Dragon : Smart scrolling jQuery plugin

Dragon : Smart scrolling jQuery plugin

Dragon – smart scrolling jQuery plugin for correct scrolling mechanics.

Features:

  • Scroll on drag
  • Wheel fullfil
  • Extended keyboard scrolling
  • Metro style
  • One instance
  • Customizable scrollbars
  • Smoth pagination plugin
  • Touch scroll

Interact.js : Javascript drag and drop, resizing and gestures Library

Interact.js : Javascript drag and drop, resizing and gestures Library

Interact.js is a powerful, flexible, snappable drag and drop, resizing and multi-touch gestures for modern browsers (and also IE8+) javascript library.

Features:

  • snapping to a grid, custom anchors or paths.
  • cross browser and device, supporting {Chrome,Firefox,Opera}’ ‘{mobile,desktop}’, ‘ and Internet Explorer 8+
  • interaction with SVG elements
  • being standalone (not yet another jQuery plugin)
  • introducing 0 additional DOM elements
  • having(a). fluent ().interface
  • not modifying anything it doesn’t own (except to support IE8 and to change the cursor (but you can disable that))

Demos : Demo 1 Demo 2 Demo 3 Demo 4



Best jQuery websites design awards