The Best 31 Vuejs Drag and Drop Libraries

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

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

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

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

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

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

VueResizable component

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

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

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

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

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

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";

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

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

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

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

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

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-drag-resize Vue Component for draggable and resizable elements. Table of Contents Features Install and basic usage Props Events Contributing Licen

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

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

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

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

❗ 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 components for modifying lists with the HTML5 drag & drop API. 💥 Warning 💥 Don't set index to the :key, it will cause dragging confusion. vddl-

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

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