Drag And Drop Functionality for Vue.js

Vue.js plugin for drag and drop functionality


Drag And Drop functionality for Vue.js - written in Vue.js

vue-dnd-zone is a vue.js plugin for drag and drop functionality. It is not a wrapper for an external js library, but a set of vue components managing the drag and drop event and data model state

Examples, Demo, API:



  • Smooth transitions
  • Auto scroll while dragging
  • Supports nested structures
  • Lightweight (~4kb gzipped)
  • Supports touch events


npm install vue-dnd-zone
import VueDndZone from 'vue-dnd-zone'
import 'vue-dnd-zone/vue-dnd-zone.css'


        <!-- item markup goes here -->


vue-dnd-zone is currently in a POC (proof of concept) state, Further development can and will be done, but it might take a while :-) If you want to support its progress, star the repository on github

Download Details:

Author: supraniti
Demo: https://supraniti.github.io/vue-dnd-zone/
Source Code: https://github.com/supraniti/vue-dnd-zone

#vue #vuejs #javascript

Drag And Drop Functionality for Vue.js
10.65 GEEK