jQuery is awesome which helps us to do amazing things with only few lines of code and every day it gets better. This is because jQuery has a huge community which add awesome plugins to its repository. With jQuery, you can easily create user friendly and sophisticated web user interfaces in a lightweight and elegant way. In this post, we’ve 10 jQuery plugins that enable you to add drag and drop feature to your frontend. Enjoy!
Recommended jQuery plugin for professional image gallery: TN3 – The Best jQery Image Gallery Plugin
This is a awesome jQuery plugin to drag and drop files, including ajax upload and progress bar.
Draggabilly is a separate jQuery library that makes elements draggable. It supports IE8+ and multi-touch.
ElastiStack is a little script that lets you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.
Gridly enables dragging and dropping as well as resizing on a grids.
Really useful tutorial about creating an AJAX file upload form, that will let visitors upload files from their browsers with drag/drop or by selecting them individually.
DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.
jQuery.kinetic is a simple plugin which adds smooth drag scrolling with gradual deceleration to containers.
Draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a full screen content area.
Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.
Drag & drop hierarchical list with mouse and touch compatibility.