72 Components & Libraries
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
VueDraggableResizable 2 Vue2 Component for draggable and resizable elements. If you are looking for the version 1 of the component, it is available on
A fast and lightweight drag&drop, sortable library for Vue.js with many configuration options covering many d&d scenarios.
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 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 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中引用:
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.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
Introduction VueTinder is a Vue component that helps you quickly implement the main features of similar apps like Tinder, TanTan, etc. Links 📘 Docume
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-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-nestable Drag & drop hierarchical list made as a vue component. Goals A simple vue component to create a draggable list to customizable items Reor
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
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
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
nf-vue-element-plus 基于element Plus的二次封装,为文档驱动提供基础控件。 安装 初始化 yarn 开发环境 yarn serve 打包 yarn build 目录 src/components 封装 element-plus的组件 表单控件 (完善中) 查询控件 (待
Super Form Builder built on top of Vue with Drag & Drop functionality, savable-form-schema and easy to maintain/upgrade your form.
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 3 drag-and-drop component based on Sortable.js
欢迎使用 vue-element-visual-layout 基于vue3 + electron13 + element-plus 开发的可视化拖动布局工具 更新日志 v1.0.3 待更新 v1.0.2 剪切控件快捷键功能 鼠标移入节点树对应控件高亮 修复快捷键监听和浏览器默认复制剪切粘贴冲突 新增
Vue-drag-resize Vue Component for draggable and resizable elements. Table of Contents Features Install and basic usage Props Events Contributing Licen
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
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
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
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
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
Description Vue Drag and Drop library without any dependency. Native HTML5 drag and drop implementation made for Vue. Examples 🎪 Installation npm ins
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
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 drop zone A simple drop zone, built with Vue3, vite, tailwindcss. Installation npm install Upcoming Vuex integration Authors @Susmoy Sen Gupta S
❗ 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-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
draggable-vue-directive Vue directive (Vue.js 2.x) for handling element drag & drop. Installation npm install draggable-vue-directive --save Demo You
Yakoue's MJML Drag & Drop email builder component for vuejs
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-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
he-tree-vue A draggable sortable vue tree component, with dragging placeholder, types definition. Vue3 supported. Demo, Document 可拖拽可排序vue树组件, 支持拖拽占位盒
How to publish this package npm publish --access pubic Vue.Draggable Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and s
vuetify-draggable-treeview Drag and drop v-treeview (Vuetify Treeview) component. Live Demo Installation yarn add vuetify-draggable-treeview // @NOTE:
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-
vue3-draggable list-based drag&drop component for vue 3.x, with no dependencies Features support v-model support transition customizable draggable com
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-scheduler-lite A very simple scheduler for vue.js DEMO Online Demo Support Business-day Support Business-hours Support Drag and Drop Support Resiz
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
Uploadr Quickly upload images to various services! Easily paste, drag, or select
A dependency-free Vue component, that allows you to drag and drop elements and snap them to specified positions. Inspired by vue-drag-it-dude
v-drag-drop Minimalistic drag & drop directives for Vue.js Note: Versions 2.x and above of v-drag-drop are compatible with Vue 3 only. Install version
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
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