Vuejs Drag and Drop Resources

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

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

vue3-draggable list-based drag&drop component for vue 3.x, with no dependencies Features support v-model support transition customizable draggable com

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

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

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

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

VueResizable component

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

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

Drag and drop page builder and CMS for React, Vue, Angular, and more Integrate with any site or app. Use your code components. High speed, full contro

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

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

Vue3 DnD React Dnd implementation in Vue3 Using npm install vue3-dnd yarn add vue3-dnd pnpm install vue3-dnd // App.vue script import { DndProvider

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

❗ 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 drop zone A simple drop zone, built with Vue3, vite, tailwindcss. Installation npm install Upcoming Vuex integration Authors @Susmoy Sen Gupta S

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

SortableJS-vue3 Demo | npm This is a thin wrapper around the great SortableJS library. I had many issues migrating from Vue.Draggable to vue.draggable

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

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

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 3 drag-and-drop component based on Sortable.js

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

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

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

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

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

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 component who put SortableJS/Vue.Draggable and tangbc/vue-virtual-scroll-list together and allow drag-and-drop and big amount data list with high scroll performance.

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

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

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-

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

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

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

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

GraphDoc is a web-application that has been developed by Sander van Essel as part of an internship for the Maastricht Law & Tech Lab, which is part of Maastricht University, The Netherlands.

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

Yakoue's MJML Drag & Drop email builder component for vuejs

Super Form Builder built on top of Vue with Drag & Drop functionality, savable-form-schema and easy to maintain/upgrade your form.

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

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

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

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

Drag, sort and drop any element in vuejs with vue-draggable

Vue component which acts as a draggable, resizable and rotateable container for any content

Vue Medias Upload Component Vue component that provides drag and drop images & videos upload with preview.

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