knadh / Dragmove.js
Licence: mit
A super tiny Javascript library to make DOM elements draggable and movable. ~500 bytes and no dependencies.
Stars: ✭ 757
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Dragmove.js
Draggable Vue Directive
Vue2 directive that handles drag & drop
Stars: ✭ 286 (-62.22%)
Mutual labels: drag-and-drop, draggable, move
vue-drag-zone
Drag Zone component for @vuejs
Stars: ✭ 127 (-83.22%)
Mutual labels: drag-and-drop, draggable
easy-drag
easy to realize drag and drop effect
Stars: ✭ 34 (-95.51%)
Mutual labels: drag-and-drop, draggable
vue-dnd-zone
vue.js plugin for drag and drop functionality
Stars: ✭ 144 (-80.98%)
Mutual labels: drag-and-drop, draggable
react-native-dnd-board
A drag and drop Kanban board for React Native.
Stars: ✭ 41 (-94.58%)
Mutual labels: drag-and-drop, draggable
ng2-gridstack
A gridstack component for Angular2+
Stars: ✭ 12 (-98.41%)
Mutual labels: drag-and-drop, draggable
el-table-draggable
让element-ui的table可拖动排序,支持 行，列，跨表格等特性
Stars: ✭ 68 (-91.02%)
Mutual labels: drag-and-drop, draggable
Angular Grid Layout
Responsive grid with draggable and resizable items for Angular applications.
Stars: ✭ 163 (-78.47%)
Mutual labels: drag-and-drop, draggable
react-web-editor
The react-web-editor is a WYSIWYG editor library. you can resize and drag your component. It also has simple rich text editor
Stars: ✭ 191 (-74.77%)
Mutual labels: drag-and-drop, draggable
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+72.92%)
Mutual labels: drag-and-drop, draggable
FlutterBoardView
BoardView written for the flutter framework.
Stars: ✭ 82 (-89.17%)
Mutual labels: drag-and-drop, draggable
Sortable
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Stars: ✭ 23,641 (+3022.99%)
Mutual labels: drag-and-drop, draggable
Draggable
The JavaScript Drag & Drop library your grandparents warned you about.
Stars: ✭ 15,671 (+1970.15%)
Mutual labels: drag-and-drop, draggable
vue3-smooth-dnd
Vue3 wrapper components for smooth-dnd
Stars: ✭ 92 (-87.85%)
Mutual labels: drag-and-drop, draggable
React Dragtastic
A simple drag and drop library for React which uses the more stable mouseDown/mouseUp event pattern instead of the problematic HTML5 drag and drop API
Stars: ✭ 181 (-76.09%)
Mutual labels: drag-and-drop, draggable
react-drag-list
A simple draggable list component。
Stars: ✭ 30 (-96.04%)
Mutual labels: drag-and-drop, draggable
React Dragline
🐼Guide lines and magnetic adsorption to better align draggable elements in React.
Stars: ✭ 134 (-82.3%)
Mutual labels: drag-and-drop, draggable
Ngx Smooth Dnd
angular wrapper for smooth-dnd
Stars: ✭ 152 (-79.92%)
Mutual labels: drag-and-drop, draggable
dflex
The sophisticated Drag and Drop library you've been waiting for 🥳
Stars: ✭ 806 (+6.47%)
Mutual labels: drag-and-drop, draggable
Smooth Dnd
drag and drop library for javascript
Stars: ✭ 408 (-46.1%)
Mutual labels: drag-and-drop, draggable
dragmove.js
A super tiny Javascript library to make DOM elements draggable and movable. Has touch screen support. Zero dependencies and 500 bytes Gzipped. Demo here.
Usage
Node
npm install @knadh/dragmove
import { dragmove } from @knadh/dragmove;
// (target, handler, onStart(target, x, y), onEnd(target, x, y)).
// onStart and onEnd are optional callbacks that receive target element, and x, y coordinates.
dragmove(document.querySelector("#box"), document.querySelector("#box .drag-handle"));
ES6 module
Check this example to include dragmove.js as a <script> directly on an HTML page.
Licensed under the MIT License.
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].