Best jQuery Drag & Drop Plugins & Tutorials with Demo

fsortable : jQuery Fixed layout Sortable plugin

fsortable : jQuery Fixed layout Sortable plugin

fsortable is a fixed layout sortable plugin for jQuery UI.There’s some necessary markup you need to use to let fsortable know about your layout. Since it assumes your sortable has a fixed capacity you need to tell it how many items it can hold. It takes that information from the HTML itself by counting the number of items in your sortable and the number of empty positions.

LobiPanel : jQuery Bootstrap Floating Panels

LobiPanel : jQuery Bootstrap Floating Panels

LobiPanel is jquery plugin for bootstrap panels. It extends panels with several common and useful functions which does not come by default.

DropArea : jQuery Drag & Drop File Upload

DropArea : jQuery Drag & Drop File Upload

A jQuery plugin which makes an easy and intuitive area for upload files through drag and drop or select methods.

Easy Forms : Advanced Form Builder and Manager

Easy Forms : Advanced Form Builder and Manager

Easy Forms is a web application that will help you design and develop web forms quickly and easily. Actually, you will not need programming skills to make your forms work in minutes.

  • Build any type of online forms: Contact forms, Order forms, Registration forms, Online surveys, Trivias and more.
  • Drag & Drop Fields. No coding skills required.
  • HTML5 Fields Support
  • Create Multi-Step Forms
  • Bootstrap CSS Support
  • Theme & Template Managers
  • Advanced CSS Editor with Form Live Preview

Split.js : Creating adjustable Split Views or Panes

Split.js : Creating adjustable Split Views or Panes

Split.js is a lightweight, unopinionated utility for creating adjustable split views or panes.

No dependencies or markup required, just two or more elements with a common parent. Views can be split horizontally or vertically, with draggable gutters inserted between every two elements.

jQuery Datastore & TreeInTable Widgets

jQuery Datastore & TreeInTable Widgets

There are three widgets in this repository. One is “datastore” widget which let you retrieve json data and transform hierarchical data into an array. The second widget is “treeintable” widget that uses a datastore widget and embed a tree in one of table column. This widget supports Drag-and-Drop. The third widget is “Condition Editor” widget.

SVG Draggy.js : JavaScript library for Dragging SVG things

SVG Draggy.js : JavaScript library for Dragging SVG things

SVG draggy.js is a JavaScript library for Dragging SVG things.

HtmlEditor : Drag & Drop Web Page Builder

HtmlEditor : Drag & Drop Web Page Builder

HtmlEditor is a drag & drop web page builder in only 286kb (based on boostrap) script in javascript Jquery and php built for developer . You can simply integrate this script in your web project and create custom html template with drag & drop.

Chewing-Grid : CSS Grid ideal for Card Listing Design

Chewing-Grid : CSS Grid ideal for Card Listing Design

ChewingGrid is a CSS grid for card listing design, like videos, tiles, or article lists. It doesn’t require media queries, but it adjusts based on the maximum number of columns, and minimum and maximum card width.

jQuery Enhanced Splitter

jQuery Enhanced Splitter

jQuery Enhanced Splitter is a plugin to generate sliding splitters on your page. Useful for separating content, emulating the look of frames, collapsable tool windows, and more. Completely customizable look and feel, and touchscreen friendly.



Best jQuery websites design awards