Web Design & Development Drag and Drop Plugins You Should Know

During the past few years, JQuery has been able to replace the use of Flash thereby enabling sites to perform better and faster – without having to forego many of the features and functions which Flash presented users in the past.

JQuery continues to propel forward on nearly a daily basis- with developers continually creating and adding new functions for site users and designers alike to achieve nearly the ( once thought of ) impossible by which to enhance a websites functionality and elements. With JQuery Drag & Drop designers and users alike are now able to add draggable functionality to any DOM element. Drag & Drop JQuery can now allow you to move any particular draggable object with the click of a mouse and drag it anywhere within the page.

In this article, we would like to present our readers with some of the best Drag & Drop JQuery Plugins by which to enhance their upcoming projects or add that extra functionality to their web pages. Let us know whether you have used any of these Drag & Drop Plugins within your projects / sites and which you prefer and why in the comment section below. Enjoy !!

  

jQueryOrganisation Chart

jQueryOrganisation Chart

jOrgChart is a jQuery plugin which converts nested unordered lists into tree menus but with an organization chart-like output. It has support for any depth, clicking each item can show/hide the sub-levels and drag ‘n’ dropping elements from one node to another is possible, the interface will adjust the levels accordingly.

 

jQuery Knob

jQuery Knob

jQuery Knob is a lightweight jQuery plugin for creating good-looking circular switches (like the “volume controls” in radios). It works by transforming any given input fields according to the values defined in its attributes and can be drag ‘n’ dropped to change the value. We can define the min-max values, default value on initial load, color and put it into “read-only” mode (which is also good for using it as a visualization component).

 

Pep

Pep

Pep was built out of a need for kinetic drag support for both mobile and desktop devices (click & drag). It uses the best of jQuery’s animate functions along with CSS3 animations to bring full-blown kinetic drag that works on all HTML5-ready devices. Pep has built-in support for custom start, stop, rest, and drag events, constraining objects to either their parent or the window, a debugger, and the ability to customize your own kinetic easing functions.

 

Percentage Loader

Percentage Loader

Percentage Loader is a jQuery plugin which makes use of HTML5 canvas(no images) for creating a very good looking loader. The loader is only 10kb (minified), can also be used as a drag ‘n’ drop supported controller (like a circular volume button) and multiple instances of it can be displayed in the same page.

  

jQuery File Upload

jQuery File Upload

jQuery File Upload is an impressive plugin for creating a flexible and user-friendly upload functionality with ease. The plugin support multiple file selection and drag ‘n’ drops. It can display a preview of images to be uploaded and progress bars exist to inform users. jQuery File Upload can handle cross-domain, chunked and resumable file uploads. File types and max-min sizes can be restricted with simple functions and it can work with any server-side language.

We will be happy to hear your thoughts

      Leave a reply

      Web Hosting Plan Guide