jQuery Drag & Drop Plugin & Tutorials with Example

Dropper : jQuery Drag & Drop uploads Plugin

Dropper : jQuery Drag & Drop uploads Plugin

A jQuery plugin for simple drag and drop uploads.

VS Builder – Pure HTML and CSS Page Builder

VS Builder - Pure HTML and CSS Page Builder

VS Builder – an intuitive and handy page builder. It is based on the Zurb Foundation grid and offers you a flexible way to build your personalized layout. With just one click you’ll get a generated CSS and HTML code similar to one that was written by a professional developer.

Features:

  • Drag & Drop sliders
  • Awesome preloader
  • Parallax effect
  • Video block
  • Responsive layout
  • Retina ready
  • Smooth transition effects

Gridstack.js : jQuery plugin for Widget Layout

Gridstack.js : jQuery plugin for Widget Layout

Gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts.It also works great with knockout.js

Drag and Drop Interaction Ideas with jQuery & CSS3

Drag and Drop Interaction Ideas with jQuery & CSS3

Some ideas for drag and drop interactions in a UI. The idea is to show a droppable area that stands for certain actions after an element is being dragged.

FormBuilder : jQuery plugin for Building Forms

FormBuilder : jQuery plugin for Building Forms

A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.

Features:

  • JSON all the way around. No serliazing/format conversion.
  • More flexible field schema options for future expansion work
  • Form editor and form rendering use templates, making it easier to customize them
  • Better re-use of internal code, much cleaner code
  • Returns a basic API you can use for custom work
  • PHP/Mongo save/load example code is extremely lightweight, and easily replaced
  • Much improved support for multiple instances on a single page

tinyDraggable : jQuery plugin for making objects Draggable

tinyDraggable : jQuery plugin for making objects Draggable

A minimalistic jQuery plugin for making objects draggable.Compatible with jQuery 1.5+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+. No dependencies except the jQuery library.

This plugin was developed by and for Pixabay.com – an international repository for free Public Domain images. We have implemented this piece of software in production and we share it – in the spirit of Pixabay – freely with others.

Wufoo style jQuery and HTML5 form builder

Wufoo style jQuery and HTML5 form builder

formbuilder is a Wufoo style jQuery and HTML5 form builder allows you to create user forms by dragging and dropping form elements.

This form builder is using JSON to load existing form structures and serialising existing form structures back to JSON when the save button is clicked.

Dragmove : jQuery Plugin for Dragging DOM Elements

Dragmove : jQuery Plugin for Dragging DOM Elements

Lightweight jQuery extension for enabling draggable functionality on DOM elements without requiring the jQuery UI library. Compatible with trackpads, touch devices, and standard computer mice.

Azexo : jQuery drag and drop HTML builder with Bootstrap

Azexo : jQuery drag and drop HTML builder with Bootstrap

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse document structure by editor.

Picture Cut : jQuery plugin that Upload Drag & Crop Image

Picture Cut : jQuery plugin that Upload Drag & Crop Image

Picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.

Features:

  • Ajax Upload
  • Resize image
  • Drag image from explorer
  • Manipulate image size in bytes
  • Cropping image


Best jQuery websites design awards