Best jQuery Drag & Drop Plugins & Tutorials with Demo

jQuery Sortable Photos

jQuery Sortable Photos

jQuery Sortable Photos is a jQuery UI plugin that can display photos in a responsive, sortable grid.

The photo grid is arranged in such a way that the height of the images in each row is consistent, and the images are resized to fill in the full width. The grid can optionally be configured to allow drag-and-drop sorting.

SimpleFlowchart : SVG flow chart library with jQuery

SimpleFlowchart : SVG flow chart library with jQuery

Simple SVG flow chart library based on jQuery and jQueryUI.

This is a small JavaScript library with single purpose – draw some nodes and connect them with lines. You can use this library to create your own flow charts or create other similar graphics. Nodes and connection lines can be styled with CSS. Node content can be whatever you want – simple div, image or SVG.

Dragscroll : JavaScript Drag Drop Scrolling Library

Dragscroll : JavaScript Drag Drop Scrolling Library

Dragscroll is a micro JavaScript library (734 bytes minified) which enables scrolling via holding the mouse button (“drag and drop” or “click and hold” style). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere).

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.



Best jQuery websites design awards