The Best 50 Vuejs Drag and Drop Libraries

el-table-draggable 中文文档 Let el-table support sortable.js Demo Page Features support almost all options in sortablejs support drag from one to another

Draggable, rotatable and resizable components based on Vue (2 & 3) English document 安装-vue 2 npm i yoyoo-ddr --save 安装-vue 3 npm i yoyoo-ddr-vue3 --s

nf-vue-element-plus 基于element Plus的二次封装，为文档驱动提供基础控件。 安装 初始化 yarn 开发环境 yarn serve 打包 yarn build 目录 src/components 封装 element-plus的组件 表单控件 （完善中） 查询控件 （待

LCG-VCC VCC是Low Code Generator中独立的Vue组件代码编辑器。可以独立运行。 通过它可以通过拖拽快速完成Vue组件代码骨架的搭建。详见后文视频介绍链接。 点击这里快速预览效果：https://vcc.sahadev.tech/ 使用示例 示例1 直接在html中引用：

一个低代码平台的前端部分，靠拖拉拽生成页面。

Vue Smooth DnD A fast and lightweight drag&drop, sortable library for Vue.js with many configuration options covering many d&d scenarios. This library

Revue Draggable - Make your Vue components draggable, Supports Vue 2 and Vue 3

A simple kanban board where the items can be dragged and dropped from the list. This is a hybrid implementation of vue-smooth-dnd. Demo Usage Installa

he-tree-vue A draggable sortable vue tree component, with dragging placeholder, types definition. Vue3 supported. Demo, Document 可拖拽可排序vue树组件, 支持拖拽占位盒

Vue-drag-resize Vue Component for draggable and resizable elements. Table of Contents Features Install and basic usage Props Events Contributing Licen

Vue.Draggable Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array. Based on and offe

vuetify-draggable-treeview Drag and drop v-treeview (Vuetify Treeview) component. Live Demo Installation yarn add vuetify-draggable-treeview // @NOTE:

VueDraggableResizable 2 Vue2 Component for draggable and resizable elements. If you are looking for the version 1 of the component, it is available on

draggable-vue-directive Vue directive (Vue.js 2.x) for handling element drag & drop. Installation npm install draggable-vue-directive --save Demo You

Uploadr Quickly upload images to various services! Easily paste, drag, or select

Vue 3 drag-and-drop component based on Sortable.js

VueResizable component

Vue Slicksort 🖖 A set of component mixins to turn any list into an animated, touch-friendly, sortable list. Based on react-sortable-hoc by [@clauderi

A fast and lightweight drag&drop, sortable library for Vue.js with many configuration options covering many d&d scenarios.

Vue-Easy-DnD (A HTML5 Drag-and-Drop Replacement) Easy-DnD is a drag and drop implementation for Vue.js 2 that uses only standard mouse events instead

Awe-dnd Makes your elements draggable in Vue. See Demo: http://hilongjw.github.io/vue-dragging/ Some of goals of this project worth noting include: su

vue-drag-tree It's a tree components(Vue2.x) that allow you to drag and drop the node to exchange their data . Feature Double click on an node to turn

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

Introduction VueTinder is a Vue component that helps you quickly implement the main features of similar apps like Tinder, TanTan, etc. Links 📘 Docume

欢迎使用 vue-element-visual-layout 基于vue3 + electron13 + element-plus 开发的可视化拖动布局工具 更新日志 v1.0.3 待更新 v1.0.2 剪切控件快捷键功能 鼠标移入节点树对应控件高亮 修复快捷键监听和浏览器默认复制剪切粘贴冲突 新增

drag-and-drop Description Clean drag and drop list component built with Vue.js. Basic component allows for item sortability of a parent array. Additio

vue-card-stack Install npm install vue-card-stack or yarn add vue-card-stack Usage import Vue from "vue"; import VueCardStack from "vue-card-stack";

vue-3-watcher-called-twice see https://vue-3-watcher-called-twice.netlify.app Pr

vue-hand-drop（未完结） 这是一个类似于微信视频小窗口拖拽吸附功能，具有左右方向识别并且现在整体吸附轮廓，能够自定义大小和背景图片 安装 npm安装 npm install vue-hand-drop yarn安装 yarn add vue-hand-drop 使用 全局 impor

vue-nestable Drag & drop hierarchical list made as a vue component. Goals A simple vue component to create a draggable list to customizable items Reor

Please use the he-tree-vue, vue-draggable-nested-tree will no longer be maintained. 请使用新发布的he-tree-vue, vue-draggable-nested-tree 将不再维护. Please use th

❗ Version 1.0.0 is out! This finally includes support for IE/Edge. Note that this required skipping the native transferData event property entirely in

vue-drag-and-drop-list Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building

vue-drag-and-drop-list Vue directives that allow you to build sortable lists with the native HTML5 drag & drop API. Supports nested lists for building

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

v-drag The simplest way to integrate drag on Vue.js. Draggable elements are a common UX pattern, specially on touch screens. But as a developer, you m

Description Vue Drag and Drop library without any dependency. Native HTML5 drag and drop implementation made for Vue. Examples 🎪 Installation npm ins

vue-dragula 👌 Drag and drop so simple it hurts Vue wrapper for dragula. Install CommonJS Available through npm as vue-dragula. npm install vue-dragul

vue-card-swipe A touch slider for vue.js, support sliding in any direction to switch cards, compatible with PC and mobile. Online Demo Install $ npm i

vue-scheduler-lite A very simple scheduler for vue.js DEMO Online Demo Support Business-day Support Business-hours Support Drag and Drop Support Resiz

Vue components for modifying lists with the HTML5 drag & drop API. 💥 Warning 💥 Don't set index to the :key, it will cause dragging confusion. vddl-

Vue drop zone A simple drop zone, built with Vue3, vite, tailwindcss. Installation npm install Upcoming Vuex integration Authors @Susmoy Sen Gupta S

VueSwing A Vue.js wrapper for Swing. Swing is a swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and

vue-drag-it-dude Vue2 component, that allows you to drag object wherever you want What this can do Drag and drop DOM elements inside parent (or docume

vue-component-finder vue-component-finder is a Chrome plugin for Vue project, which help developer preview component code module and locate code file

v-drag - a supler simple, Vue.js draggable component. Demo: https://branu-ws.github.io/v-drag/ Installation npm: npm install @branu-jp/v-drag yarn: ya

Vue Move DOM Vue Directive to move the DOM without losing all the VM data, event, etc. it's Adopted from vue-transfer-dom just Simplify it and change

vue2-dragula 👌 Drag and drop so simple it hurts Vue wrapper for dragula drag'n drop library, based on vue-dragula by @Astray-git. This library has be

vue2-dnd Drag n' Drop plugin for Vue.js Demo jsfiddle Installation npm install vue2-dnd --save Usage import Vue2Dnd from 'vue2-dnd' Vue.use(Vue2Dnd)

This project is not finished. Do not use it. VueDragDrop A drag and drop solution for Vue. demo Try it out! dependencies Vue setup npm npm install @se