Best jQuery Drag & Drop Plugins & Tutorials with Demo

    Bootstrap HTML Builder with PHP & jQuery

    March 11, 2016 | Bootstrap, Drag & Drop, PHP, Premium
    Bootstrap HTML Builder with PHP & jQuery

    Bootstrap HTML Builder is a tool that help to create the Bootstrap html file by drag and drop, it helps create html files faster that will save you tons of time working. Build any HTML file you can imagine.

    • Unlimited html projects and files
    • Create, edit, download, delete html project
    • Design html file with drag and drop component elements
    • Support test environment for desktop, tablet, mobile
    • Support bootstrap theme
    • 17 bootstrap themes is included
    Read More Demo

    fsortable : jQuery Fixed layout Sortable plugin

    February 3, 2016 | Drag & Drop, Plugins
    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.

    Read More Demo

    LobiPanel : jQuery Bootstrap Floating Panels

    January 21, 2016 | Drag & Drop, Plugins, Popup Window
    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.

    Read More Demo

    DropArea : jQuery Drag & Drop File Upload

    January 6, 2016 | Drag & Drop, HTML5, Plugins
    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.

    Read More Demo

    Easy Forms : Advanced Form Builder and Manager

    January 1, 2016 | Bootstrap, Drag & Drop, Forms, HTML5, PHP, Premium
    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
    Read More Demo

    Split.js : Creating adjustable Split Views or Panes

    December 9, 2015 | Core Java Script, Drag & Drop, Web
    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.

    Read More Demo

    jQuery Datastore & TreeInTable Widgets

    December 5, 2015 | Drag & Drop, Plugins
    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.

    Read More Demo

    SVG Draggy.js : JavaScript library for Dragging SVG things

    November 25, 2015 | Core Java Script, Drag & Drop, SVG Tutorial
    SVG Draggy.js : JavaScript library for Dragging SVG things

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

    Read More Demo

    HtmlEditor : Drag & Drop Web Page Builder

    November 20, 2015 | Bootstrap, Drag & Drop, HTML5, PHP, Premium
    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.

    Read More Demo

    Chewing-Grid : CSS Grid ideal for Card Listing Design

    November 5, 2015 | Core Java Script, CSS2 / CSS3.0, Drag & Drop, Gallery, Responsive
    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.

    Read More Demo