jQuery Drag & Drop Sample

 

#Pure CSS Glassmorphism Modal

# html / css / js

 

https://codepen.io/Podgro/pen/MWJjPgM

Pure CSS Glassmorphism Modal

 

 

 

#Pantone Color Chips

#html / css / js

 

https://codepen.io/jackiezen/pen/vYGPQZK

Pantone Color Chips

 

 

 

#Craft Stationery Drag & Drop Mockup Scene

#html(Pug) / css(sass) / js(coffeescript)

 

https://codepen.io/chris_tudor/pen/WNvjLwZ

Craft Stationery Drag & Drop Mockup Scene (mockupcloud.com)

 

 

 

#Draggable Overflow

#html(Haml) / css(scss) / js

 

https://codepen.io/pouretrebelle/pen/kveRJX

Draggable Overflow

 

 

 

#gridstack.js

#gridstack.js is a modern Typescript library designed to help developers create beautiful draggable, resizable, responsive layouts with just a few lines of code.
You can create more advanced grids: allow users to persist changes, create a sidebar of widgets to drag into your grid, nested grids, and much more.

 

#Features

- pure TS can be used in any UI framework
- mobile support
- draggable, resizable items
- drag'n'drop from sidebar to insert/delete
- responsive layouts, column based
- save/restore
- drag between multiple grids
- nested grids, including creation on the fly to any depth
- Angular (included), demo and external Vue, React, Ember, Knockout.js bindings and more

 

 

https://gridstackjs.com/

gridstack.js | Build interactive dashboards in minutes.

 

 

#Fancytree

#Fancytree is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading.

 

 

https://wwwendt.de/tech/fancytree/demo/index.html#sample-multi-ext.html

Fancytree - Example Browser

 

 

#jQuery Gridly
Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids. In the example below try tapping or dragging any of the bricks.

 

https://ksylvest.github.io/jquery-gridly/

jQuery Gridly

 

 

 

#Table Drag and Drop JQuery plugin

#Demo

https://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

Table Drag and Drop JQuery plugin

#code

https://github.com/isocra/TableDnD

GitHub - isocra/TableDnD: jQuery plug-in to drag and drop rows in HTML tables

 

 

 

#jquery-dragarrange

A very basic jQuery plugin to shift element position by drag

 

#Demo

https://vishalok12.github.io/jquery-dragarrange/

Drag Arrange Example

#code

https://github.com/vishalok12/jquery-dragarrange

GitHub - vishalok12/jquery-dragarrange: A Basic jQuery library to arrange/order DOM elements by dragging http://vishalok12.githu