https://github.com/rlemaigre/easy-dnd

A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
https://github.com/rlemaigre/easy-dnd

dnd drag-and-drop javascript sortable vue vue2 vue3 vuejs vuejs2 vuejs3

Last synced: 6 months ago
JSON representation

A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz

• Host: GitHub
• URL: https://github.com/rlemaigre/easy-dnd
• Owner: rlemaigre
• License: mit
• Created: 2019-11-29T16:04:41.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2025-04-09T06:36:11.000Z (7 months ago)
• Last Synced: 2025-05-16T04:06:11.244Z (6 months ago)
• Topics: dnd, drag-and-drop, javascript, sortable, vue, vue2, vue3, vuejs, vuejs2, vuejs3
• Language: Vue
• Homepage:
• Size: 16.8 MB
• Stars: 390
• Watchers: 9
• Forks: 52
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Vue-Easy-DnD 

### A HTML5 drag-and-drop replacement

Easy-DnD is a drag and drop implementation for Vue that uses only standard mouse events instead of the HTML5 drag and drop API, which is [impossible to work with](https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html).

Think of it as a way to transfer data from some components to others using the mouse or support for a mouse assisted copy/cut - paste. It also allows for lists to be reordered by drag and drop.

## Documentation

Our documentation has moved to Github Pages!

### [View Documentation Here](https://rlemaigre.github.io/Easy-DnD)

## Examples

View more examples within our documentation

![demo](docs/img/vid4.gif)

![demo](docs/img/vid7.gif)