jQuery Drag & Drop Plugin & Tutorials with Example

Dragon : jQuery Draggable plugin

Dragon : jQuery Draggable plugin

Another fn.draggable plugin for jQuery. This plugin is independant of any widget or core architecture, just plop it on your page after jQuery and you’re good to go.

Architect : Site and HTML builder with JS & PHP

Architect : Site and HTML builder with JS & PHP

Architect is the most powerful and easy to use site and html builder not only on codecanyon, but probably on the internet as well. It has all the features you would except from a site builder, while also offering exclusive ones like themes & templates, closely integrated code editors, the best visual css and image editor around and much more.

Uber Zoom : jQuery Smooth Zoom & Pan

Uber Zoom : jQuery Smooth Zoom & Pan

Next-gen smooth zoom & pan for your photos and images.Uber Zoom uses many features that you would normally find in a native iOS or Android app to improve the user experience, like rubberbanding and intertia.

If you need to have a small preview of your image in the bottom left corner, you can enable that. The user will see a small window to navigate your image by dragging.

jQuery Drag & Drop Shopping Cart

jQuery Drag & Drop Shopping Cart

A webpage was created using XHTML Strict and CSS to house the implementation of a hand-coded jQuery shopping cart, without the use of plugins. The implementation of this jQuery cart features drag and drop functionality, updating the cart to reflect the items added to it and also updating the quanities without duplicating the item within the cart.

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.



Best jQuery websites design awards