All Projects → supraniti → Lean Mean Drag And Drop

supraniti / Lean Mean Drag And Drop

Licence: mit
Drag&Drop Sorting and Reordering script for complex nested structures

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Lean Mean Drag And Drop

Dnd Kit
A modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Stars: ✭ 3,456 (+3129.91%)
Mutual labels:  draggable, sortable, drag-and-drop
Dragact
a dragger layout system with React style .
Stars: ✭ 710 (+563.55%)
Mutual labels:  drag-and-drop, draggable, sortable
Smooth Dnd
drag and drop library for javascript
Stars: ✭ 408 (+281.31%)
Mutual labels:  drag-and-drop, draggable, sortable
Vue Smooth Dnd
Vue wrapper components for smooth-dnd
Stars: ✭ 1,121 (+947.66%)
Mutual labels:  drag-and-drop, draggable, sortable
Jquery Sortablejs
A jQuery binding for SortableJS
Stars: ✭ 94 (-12.15%)
Mutual labels:  drag-and-drop, draggable, sortable
React Smooth Dnd
react wrapper components for smooth-dnd
Stars: ✭ 1,560 (+1357.94%)
Mutual labels:  drag-and-drop, draggable, sortable
Sortable
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Stars: ✭ 23,641 (+21994.39%)
Mutual labels:  drag-and-drop, draggable, sortable
Ngx Smooth Dnd
angular wrapper for smooth-dnd
Stars: ✭ 152 (+42.06%)
Mutual labels:  drag-and-drop, draggable, sortable
vue-dnd-zone
vue.js plugin for drag and drop functionality
Stars: ✭ 144 (+34.58%)
Mutual labels:  drag-and-drop, sortable, draggable
dflex
The sophisticated Drag and Drop library you've been waiting for 🥳
Stars: ✭ 806 (+653.27%)
Mutual labels:  drag-and-drop, sortable, draggable
React Sortable Hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
Stars: ✭ 9,747 (+9009.35%)
Mutual labels:  drag-and-drop, sortable
Draggable Example
vue.draggable example
Stars: ✭ 395 (+269.16%)
Mutual labels:  drag-and-drop, sortable
Draggable Vue Directive
Vue2 directive that handles drag & drop
Stars: ✭ 286 (+167.29%)
Mutual labels:  drag-and-drop, draggable
react-native-reseau
[WIP] An ios-like grid view based on react-native.
Stars: ✭ 13 (-87.85%)
Mutual labels:  sortable, draggable
Ngx Sortablejs
Angular 2+ binding to SortableJS. Previously known as angular-sortablejs
Stars: ✭ 397 (+271.03%)
Mutual labels:  draggable, sortable
React Native Drag Sort
🔥🔥🔥Drag and drop sort control for react-native
Stars: ✭ 397 (+271.03%)
Mutual labels:  drag-and-drop, sortable
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+1123.36%)
Mutual labels:  drag-and-drop, draggable
React Sortable Tree
Drag-and-drop sortable component for nested data and hierarchies
Stars: ✭ 4,348 (+3963.55%)
Mutual labels:  drag-and-drop, sortable
React Beautiful Dnd
Beautiful and accessible drag and drop for lists with React
Stars: ✭ 25,810 (+24021.5%)
Mutual labels:  drag-and-drop, sortable
Angular Draggable Mat Tree
Example implementation of drag and drop on Angular Material Tree
Stars: ✭ 47 (-56.07%)
Mutual labels:  drag-and-drop, draggable

Lean-Mean-Drag-and-Drop

Lean & Mean Drag and Drop is a small script for dragging, dropping, sorting and reordering html structures

Features

  • Supports nested structures ('nestable sortables')
  • Smooth transitions
  • Auto scroll while dragging
  • Lightweight (~3.5kb gzipped) With no dependencies
  • Supports touch events
  • Super easy to integrate

Usage

//Load LMDD css and js files

<link href="../css/lmdd.min.css" rel="stylesheet">
<script src="../js/lmdd.min.js"></script>

//Initialize LMDD instance with your preferred options

<script>lmdd.set(document.getElementById('markupID'),{optionsObject});</script>

Examples & Instrcutions

can be found here: https://supraniti.github.io/Lean-Mean-Drag-and-Drop/

Notes

  • Bug reports, Feature requests, Questions and any other feedback are welcome

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].