10 Best Vue Drag & Drop Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

gridstack

Build interactive dashboards in minutes.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Highly Customizable
1Hard to Use
GitHub Stars
4K
Weekly Downloads
50K
Last Commit
6d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

sortablejs

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
24
Top Feedback
3Easy to Use
2Great Documentation
2Performant
GitHub Stars
23K
Weekly Downloads
817K
Last Commit
21d ago
Bundle Size (min+gzip)
14.4KB
Tree-Shakeable

vuedraggable

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.4/ 5
12
Top Feedback
3Great Documentation
2Easy to Use
2Highly Customizable
GitHub Stars
16K
Weekly Downloads
450K
Last Commit
5mos ago
Bundle Size (min+gzip)
22.9KB
Tree-Shakeable
vdr

vue-draggable-resizable

Vue2 Component for draggable and resizable elements.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
19K
Last Commit
2mos ago
Bundle Size (min+gzip)
16.4KB
Not Tree-Shakeable
vfa

vue-file-agent

The most beautiful and full featured file upload component for Vue JS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.3/ 5
3
Top Feedback
1Great Documentation
1Performant
1Hard to Use
GitHub Stars
631
Weekly Downloads
4K
Last Commit
1yr ago
Bundle Size (min+gzip)
40.2KB
Not Tree-Shakeable
vdd

vue-drag-drop

A lightweight Vue wrapper that abstracts away the wonkier parts of the Drag and Drop Browser API

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
467
Weekly Downloads
15K
Last Commit
3yrs ago
Bundle Size (min+gzip)
3.83KB
Tree-Shakeable
dvd

draggable-vue-directive

Vue2 directive that handles drag & drop

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
302
Weekly Downloads
2K
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.36KB
Not Tree-Shakeable
ved

vue-easy-dnd

A drag and drop implementation for Vue.js 2 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
257
Weekly Downloads
3K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
vs

vue-slicksort

A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
7K
Last Commit
6mos ago
Bundle Size (min+gzip)
5.12KB
Tree-Shakeable

@syncfusion/ej2-vue-navigations

Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
208
Weekly Downloads
2K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
vdr

vue-drag-resize

Vue2 && Vue3 Component for resize and drag elements

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
4K
Last Commit
5mos ago
Bundle Size (min+gzip)
6.84KB
Not Tree-Shakeable
vdz

vue-dnd-zone

vue.js plugin for drag and drop functionality

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
109
Weekly Downloads
324
Last Commit
7mos ago
Bundle Size (min+gzip)
4.67KB
Not Tree-Shakeable
vd

vue3-draggable

simple drag&drop component for vue 3.x

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
6
Weekly Downloads
193
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vpi

vue-picture-input

Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
868
Weekly Downloads
4K
Last Commit
10mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vcp

vue-cli-plugin-kanban

A vue based drag and drop kanban board

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
680
Weekly Downloads
319
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vfb

v-form-builder

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
355
Weekly Downloads
225
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
vpd

vue-page-designer

Vue component for drag-and-drop to design and build mobile website.

License Icon
License: WTFPL
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
768
Weekly Downloads
101
Last Commit
5mos ago
Bundle Size (min+gzip)
38.6KB
Tree-Shakeable
vdn

vue-drag-n-drop

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
125
Weekly Downloads
36
Last Commit
3mos ago
Bundle Size (min+gzip)
38.6KB
Tree-Shakeable
vm

vuedraggable-multi

draggable component for vue

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
100
Last Commit
1yr ago
Bundle Size (min+gzip)
27.2KB
Tree-Shakeable
vsd

vue-smooth-dnd

Vue wrapper components for smooth-dnd

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
8K
Last Commit
2yrs ago
Bundle Size (min+gzip)
11.5KB
Tree-Shakeable

vue-draggable

Vue Drag and Drop library without any dependency 👌

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
283
Weekly Downloads
7K
Last Commit
2yrs ago
Bundle Size (min+gzip)
4.74KB
Not Tree-Shakeable
vs

vue-sortable

A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
714
Weekly Downloads
2K
Last Commit
5yrs ago
Bundle Size (min+gzip)
14.2KB
Not Tree-Shakeable
ad

awe-dnd

A sortable list directive with Vue

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
732
Weekly Downloads
2K
Last Commit
3yrs ago
Bundle Size (min+gzip)
1.79KB
Not Tree-Shakeable
vt

vue-transmit

Vue.js drag & drop uploader based on Dropzone.js

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
212
Weekly Downloads
614
Last Commit
3yrs ago
Bundle Size (min+gzip)
12.3KB
Tree-Shakeable
vi

vue-interactjs

interactjs component for Vue

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
442
Last Commit
N/A
Bundle Size (min+gzip)
53.7KB
Tree-Shakeable
vdd

vddl

Vue components for modifying lists with the HTML5 drag & drop API.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
367
Last Commit
N/A
Bundle Size (min+gzip)
2.24KB
Not Tree-Shakeable
vda

vue-drag-and-drop

A for Vue.js directive for providing drag and drop capabilities to elements and data

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
394
Weekly Downloads
312
Last Commit
4yrs ago
Bundle Size (min+gzip)
0.53KB
Not Tree-Shakeable
vsd

vue-steven-draggable

A pure simple vue draggable directive

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
1
Last Commit
5mos ago
Bundle Size (min+gzip)
0.79KB
Not Tree-Shakeable
vds

vue-drag-sortable

A vue dragging sortable component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
196
Last Commit
N/A
Bundle Size (min+gzip)
4.08KB
Not Tree-Shakeable
vdt

vue-drag-tree

🌴🌳a Vue's drag and drop tree component || 🌾Demo

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
351
Weekly Downloads
144
Last Commit
1yr ago
Bundle Size (min+gzip)
4.74KB
Not Tree-Shakeable
vdi

vue-drag-it-dude

Vue2 component, that allows you to drag object wherever you want

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
72
Weekly Downloads
144
Last Commit
3yrs ago
Bundle Size (min+gzip)
2.80KB
Tree-Shakeable
vd

vue-dnd

DnD (drag and drop) plugin for Vue.js

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
113
Weekly Downloads
88
Last Commit
7yrs ago
Bundle Size (min+gzip)
0.63KB
Not Tree-Shakeable
vlc

vue-layout-composer

Dynamic, drag & drop, JSON-based grid layout for Vue

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
67
Last Commit
N/A
Bundle Size (min+gzip)
72.7KB
Tree-Shakeable
vda

vue-drag-and-drop-list

🐴 Vue directives for modifying lists with the HTML5 drag & drop API.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
331
Weekly Downloads
33
Last Commit
4yrs ago
Bundle Size (min+gzip)
2.04KB
Not Tree-Shakeable
vt

@codedungeon/vue-topiary

VueTopiary: VueJS A Modern Tree Component with Drag n Drop Support

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
7
Last Commit
N/A
Bundle Size (min+gzip)
218.8KB
Not Tree-Shakeable