jQuery Drag and Drop Plugins

Filter

Interact

Interact.js
  • 1. Snapping to a grid, custom anchors or paths.
  • 2. Interaction with SVG elements
  • 3. Being standalone (not yet another jQuery plugin)
  • 4. Not modifying anything it doesn't own (except to support IE8 and to change the cursor (but you can disable that))
FREE
1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5
Loading ... Loading ...
download

jDashboard

jDashboard
  • 1. Layout Saved with Ajax to a MySQL Database
  • 2. Re-Arrange Widgets via Drag & Drop
  • 3. Collapse/Expand Widgets
  • 4. Allow users to Add/Remove Widgets
  • 5. The dashboard can have as many columns as you want
  • More Features
$ 6
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

Treeview plugin

Treeview
  • 1. A simple jquery ui widget supporting drag & drop
  • 2. Supports Inline renaming
  • 3. Supports keyboard navigation
FREE
2 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 5
Loading ... Loading ...
downloadview demo

jquery-gridly

  • 1. jQuery plugin to enable dragging and dropping
  • 2. Can re size the grids
FREE
3 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 5
Loading ... Loading ...
download

Droparea

droparea
  • 1. client-side image resizing with canvas on browser option
  • 2. data url option for sending a file/image as a text field with ajax
  • 3. click event for browsing files
FREE
2 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 5
Loading ... Loading ...
download

Shapeshift

Shapeshift
  • 1. Drag and Drop Rearrange items within a container
  • 2. Works on Touch Devices Shapeshift uses jQuery UI Draggable/Droppable
  • 3. Multiwidth Elements A new feature in 2.0 is the ability to add elements that can span across multiple columns as long as their width is correctly set through CSS.
  • 4. Responsive Grid Enabled by default
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

JQuery-File-Upload

JQuery-File-Upload
  • 1. File Upload widget with multiple file selection
  • 2. Multiple file upload
  • 3. Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
  • 4. Shows a progress bar indicating the upload progress for individual files and for all uploads combined.
  • 5. Individual file uploads can be canceled to stop the upload progress.
  • More Features
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
download

jDashboard

jDashboard
  • 1. Layout Saved with Ajax to a MySQL Database
  • 2. Re-Arrange Widgets via Drag & Drop
  • 3. Collapse/Expand Widgets
  • 4. Allow users to Add/Remove Widgets
  • 5. The dashboard can have as many columns as you want
  • More Features
$ 6
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

JQuery-File-Upload

JQuery-File-Upload
  • 1. File Upload widget with multiple file selection
  • 2. Multiple file upload
  • 3. Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
  • 4. Shows a progress bar indicating the upload progress for individual files and for all uploads combined.
  • 5. Individual file uploads can be canceled to stop the upload progress.
  • More Features
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
download

Interact

Interact.js
  • 1. Snapping to a grid, custom anchors or paths.
  • 2. Interaction with SVG elements
  • 3. Being standalone (not yet another jQuery plugin)
  • 4. Not modifying anything it doesn't own (except to support IE8 and to change the cursor (but you can disable that))
FREE
1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5
Loading ... Loading ...
download

Treeview plugin

Treeview
  • 1. A simple jquery ui widget supporting drag & drop
  • 2. Supports Inline renaming
  • 3. Supports keyboard navigation
FREE
2 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 5
Loading ... Loading ...
downloadview demo

jquery-gridly

  • 1. jQuery plugin to enable dragging and dropping
  • 2. Can re size the grids
FREE
3 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 5
Loading ... Loading ...
download

Droparea

droparea
  • 1. client-side image resizing with canvas on browser option
  • 2. data url option for sending a file/image as a text field with ajax
  • 3. click event for browsing files
FREE
2 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 5
Loading ... Loading ...
download

Shapeshift

Shapeshift
  • 1. Drag and Drop Rearrange items within a container
  • 2. Works on Touch Devices Shapeshift uses jQuery UI Draggable/Droppable
  • 3. Multiwidth Elements A new feature in 2.0 is the ability to add elements that can span across multiple columns as long as their width is correctly set through CSS.
  • 4. Responsive Grid Enabled by default
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

JQuery-File-Upload

JQuery-File-Upload
  • 1. File Upload widget with multiple file selection
  • 2. Multiple file upload
  • 3. Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
  • 4. Shows a progress bar indicating the upload progress for individual files and for all uploads combined.
  • 5. Individual file uploads can be canceled to stop the upload progress.
  • More Features
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
download

Interact

Interact.js
  • 1. Snapping to a grid, custom anchors or paths.
  • 2. Interaction with SVG elements
  • 3. Being standalone (not yet another jQuery plugin)
  • 4. Not modifying anything it doesn't own (except to support IE8 and to change the cursor (but you can disable that))
FREE
1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5
Loading ... Loading ...
download

Treeview plugin

Treeview
  • 1. A simple jquery ui widget supporting drag & drop
  • 2. Supports Inline renaming
  • 3. Supports keyboard navigation
FREE
2 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 5
Loading ... Loading ...
downloadview demo

Shapeshift

Shapeshift
  • 1. Drag and Drop Rearrange items within a container
  • 2. Works on Touch Devices Shapeshift uses jQuery UI Draggable/Droppable
  • 3. Multiwidth Elements A new feature in 2.0 is the ability to add elements that can span across multiple columns as long as their width is correctly set through CSS.
  • 4. Responsive Grid Enabled by default
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

jquery-gridly

  • 1. jQuery plugin to enable dragging and dropping
  • 2. Can re size the grids
FREE
3 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 5
Loading ... Loading ...
download

jDashboard

jDashboard
  • 1. Layout Saved with Ajax to a MySQL Database
  • 2. Re-Arrange Widgets via Drag & Drop
  • 3. Collapse/Expand Widgets
  • 4. Allow users to Add/Remove Widgets
  • 5. The dashboard can have as many columns as you want
  • More Features
$ 6
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

Droparea

droparea
  • 1. client-side image resizing with canvas on browser option
  • 2. data url option for sending a file/image as a text field with ajax
  • 3. click event for browsing files
FREE
2 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 5
Loading ... Loading ...
download

JQuery-File-Upload

JQuery-File-Upload
  • 1. File Upload widget with multiple file selection
  • 2. Multiple file upload
  • 3. Allows to upload files by dragging them from your desktop or filemanager and dropping them on your browser window.
  • 4. Shows a progress bar indicating the upload progress for individual files and for all uploads combined.
  • 5. Individual file uploads can be canceled to stop the upload progress.
  • More Features
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
download

jDashboard

jDashboard
  • 1. Layout Saved with Ajax to a MySQL Database
  • 2. Re-Arrange Widgets via Drag & Drop
  • 3. Collapse/Expand Widgets
  • 4. Allow users to Add/Remove Widgets
  • 5. The dashboard can have as many columns as you want
  • More Features
$ 6
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

Shapeshift

Shapeshift
  • 1. Drag and Drop Rearrange items within a container
  • 2. Works on Touch Devices Shapeshift uses jQuery UI Draggable/Droppable
  • 3. Multiwidth Elements A new feature in 2.0 is the ability to add elements that can span across multiple columns as long as their width is correctly set through CSS.
  • 4. Responsive Grid Enabled by default
FREE
1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading ...
downloadview demo

jquery-gridly

  • 1. jQuery plugin to enable dragging and dropping
  • 2. Can re size the grids
FREE
3 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 53 votes, average: 4.67 out of 5
Loading ... Loading ...
download

Treeview plugin

Treeview
  • 1. A simple jquery ui widget supporting drag & drop
  • 2. Supports Inline renaming
  • 3. Supports keyboard navigation
FREE
2 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 52 votes, average: 4.50 out of 5
Loading ... Loading ...
downloadview demo

Interact

Interact.js
  • 1. Snapping to a grid, custom anchors or paths.
  • 2. Interaction with SVG elements
  • 3. Being standalone (not yet another jQuery plugin)
  • 4. Not modifying anything it doesn't own (except to support IE8 and to change the cursor (but you can disable that))
FREE
1 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 51 vote, average: 4.00 out of 5
Loading ... Loading ...
download

Droparea

droparea
  • 1. client-side image resizing with canvas on browser option
  • 2. data url option for sending a file/image as a text field with ajax
  • 3. click event for browsing files
FREE
2 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 52 votes, average: 4.00 out of 5
Loading ... Loading ...
download
JQuery-Drag-and-Drop-Plugins

Top Free and Premium jQuery Plugins for Drag and Drop

With the help of plugins that facilitate drag and drop function, you can easily add capabilities to your frontend on Jquery. You could drag and drop gallery options with various looks and feels, view very large images using a navigator map and drag, or even add the drop and save facility to your website without hassle using some of these jQuery plugins. Other useful plugins allow you to build full featured and fully skinnable containers which can be set to draggable, resizable, collapsible and minimizable.

Drag and drop plugins let you sort through lists using drag and drop as well. Other plugins use XHR to upload multiple files and has the option of a progress bar. Showing your photos in a unique way by letting the user drag and drop them to slide the gallery is another function that you can perform using these plugins. Some updated and extended plugins go so far as to allow you to both sort vertically and nest elements at the same time (that is, make one element the child of another), using the drag and drop feature. Explore the functionalities of the most popular drag and drop plugins for jQuery with BestPlugins’ collection of the best from the market.

Related Posts
Comments
  • ( or )
    Log in With
  •