10 Best JavaScript Drag & Drop Libraries

List hand-picked by Openbase Experts
Learn More

react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.5/ 5
78
Top Feedback
20Great Documentation
10Easy to Use
4Highly Customizable
GitHub Stars
26K
Weekly Downloads
1M
Last Commit
3mos ago

react-dnd

Drag and Drop for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
31
Top Feedback
8Great Documentation
2Performant
2Bleeding Edge
GitHub Stars
17K
Weekly Downloads
1M
Last Commit
4mos ago

react-draggable

React draggable component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
7
Top Feedback
7Great Documentation
6Easy to Use
4Performant
GitHub Stars
7K
Weekly Downloads
4M
Last Commit
5mos ago

react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.8/ 5
6
Top Feedback
5Great Documentation
5Easy to Use
2Performant
GitHub Stars
15K
Weekly Downloads
263K
Last Commit
2mos ago

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
3mos ago
int

interactjs

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
GitHub Stars
11K
Weekly Downloads
88K
Last Commit
5mos ago

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.8/ 5
29
Top Feedback
3Easy to Use
2Great Documentation
2Performant
GitHub Stars
23K
Weekly Downloads
836K
Last Commit
4mos ago
ag

angular-gridster2

Angular gridster 2

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
2
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
70K
Last Commit
2mos ago
jf

jquery.fancytree

JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Performant
1Highly Customizable
GitHub Stars
2K
Weekly Downloads
7K
Last Commit
2mos ago
cor

@dnd-kit/core

A modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
1Great Documentation
GitHub Stars
3K
Weekly Downloads
138K
Last Commit
1mo ago
vdr

vue-drag-resize

Vue2 && Vue3 Component for resize and drag elements

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
5K
Last Commit
8mos ago

rsuite-table

A React table component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.7/ 5
3
Top Feedback
1Great Documentation
1Highly Customizable
1Responsive Maintainers
GitHub Stars
470
Weekly Downloads
24K
Last Commit
2mos ago
nfu

@iplab/ngx-file-upload

drag and drop file component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Easy to Use
1Performant
1Highly Customizable
GitHub Stars
73
Weekly Downloads
5K
Last Commit
2mos ago

vuedraggable

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
13
Top Feedback
3Great Documentation
2Easy to Use
2Highly Customizable
GitHub Stars
17K
Weekly Downloads
483K
Last Commit
8mos ago
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
24K
Last Commit
4mos ago
dra

dragula

👌 Drag and drop so simple it hurts

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.4/ 5
25
Top Feedback
2Buggy
2Abandoned
1Great Documentation
GitHub Stars
21K
Weekly Downloads
170K
Last Commit
1yr ago
for

formBuilder

A jQuery plugin for drag and drop form creation

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
2K
Last Commit
6mos ago
rpg

react-photo-gallery

React Photo Gallery

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
2
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
18K
Last Commit
3yrs ago
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
2
Top Feedback
N/A
GitHub Stars
470
Weekly Downloads
13K
Last Commit
4yrs ago

ng2-dragula

Simple drag and drop with dragula

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
2K
Weekly Downloads
78K
Last Commit
1yr ago
cor

@craftjs/core

🚀 A React Framework for building extensible drag and drop page editors

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
2.5/ 5
2
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
4K
Last Commit
2mos ago

fileapi

FileAPI — a set of javascript tools for working with files. Multiupload, drag'n'drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.

License Icon
License: BSD-2-Clause
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
4K
Weekly Downloads
3K
Last Commit
1yr ago
tab

tablednd

jQuery plug-in to drag and drop rows in HTML tables

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
1Performant
GitHub Stars
389
Weekly Downloads
4K
Last Commit
2mos ago

react-sortable-tree

Drag-and-drop sortable component for nested data and hierarchies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
1Easy to Use
GitHub Stars
4K
Weekly Downloads
90K
Last Commit
7mos ago
rdm

react-dnd-mouse-backend

Mouse Backend for react-dnd library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
81
Weekly Downloads
12K
Last Commit
9mos ago

angular-ui-tree

A tree component for AngularJS, without jQuery as dependency.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
3K
Weekly Downloads
26K
Last Commit
4yrs ago
dg

dsmorse-gridster

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
710
Weekly Downloads
600
Last Commit
1yr ago
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
645
Weekly Downloads
5K
Last Commit
1yr ago
rnd

react-native-draganddrop-board

👆DragAndDropBoard is a simple React Native library, enabling to create a scrollable board component with carousel, sortable columns and draggable cards for your iOS and Android apps

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
133
Weekly Downloads
60
Last Commit
1yr ago

@fullcalendar/list

Full-sized drag & drop event calendar

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
15K
Weekly Downloads
100K
Last Commit
3mos ago
dra

dragular

Angular drag and drop based on dragula.js. Visit

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
208
Weekly Downloads
2K
Last Commit
2yrs ago
nd

ng2-dnd

Angular 2 Drag-and-Drop without dependencies

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
2
Top Feedback
1Great Documentation
GitHub Stars
859
Weekly Downloads
12K
Last Commit
1yr ago
rd

react-dragtastic

A simple drag and drop library for React which uses the more stable mouseDown/mouseUp event pattern instead of the problematic HTML5 drag and drop API

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
189
Weekly Downloads
144
Last Commit
3yrs ago

flexlayout-react

A multi-tab layout manager

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
480
Weekly Downloads
7K
Last Commit
1mo ago
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
303
Weekly Downloads
2K
Last Commit
2yrs ago
htm

html5sortable

VanillaJS sortable lists and grids using native HTML5 drag and drop API.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
13K
Last Commit
5mos ago
nfd

ngx-file-drop

Angular 11 file and folder drop library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
252
Weekly Downloads
50K
Last Commit
2mos ago
rnd

react-native-draggable-flatlist

A drag-and-drop-enabled FlatList for React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
1K
Weekly Downloads
26K
Last Commit
1mo ago
rdt

@minoru/react-dnd-treeview

A draggable / droppable React-based treeview component. You can use render props to create each node freely.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
53
Weekly Downloads
2K
Last Commit
2mos ago
add

angular-draggable-droppable

Observable powered drag and drop for angular 12.0+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
120
Weekly Downloads
79K
Last Commit
1mo ago

@jsx-lite/core

Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
286
Last Commit
1mo ago
rm

react-movable

🔀 Drag and drop for your React lists and tables. Accessible. Tiny.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
1Performant
GitHub Stars
1K
Weekly Downloads
40K
Last Commit
3mos ago

@syncfusion/ej2-angular-navigations

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Unwelcoming Community
GitHub Stars
189
Weekly Downloads
8K
Last Commit
1mo ago
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
264
Weekly Downloads
3K
Last Commit
3mos ago
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
3mos ago

@syncfusion/ej2-react-navigations

Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
4K
Last Commit
1mo ago

@limble/limble-tree

An Angular library for creating highly dynamic drag-and-drop tree structures

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
272
Last Commit
3mos ago

react-native-drax

A drag-and-drop system for React Native

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
299
Weekly Downloads
2K
Last Commit
3mos ago
dd

drag-drop

HTML5 drag & drop for humans

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
459
Weekly Downloads
8K
Last Commit
7mos ago

@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: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
213
Weekly Downloads
2K
Last Commit
1mo ago