10 Best React Drag & Drop List Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. 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.6/ 5
62
Top Feedback
19Great Documentation
9Easy to Use
4Hard to Use
GitHub Stars
25K
Weekly Downloads
930K
Last Commit
7d ago
Bundle Size (min+gzip)
30.8KB
Tree-Shakeable

react-dnd

Drag and Drop for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.4/ 5
26
Top Feedback
8Great Documentation
2Performant
2Bleeding Edge
GitHub Stars
17K
Weekly Downloads
913K
Last Commit
16d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rsh

react-sortable-hoc

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
5
Top Feedback
3Great Documentation
3Easy to Use
GitHub Stars
10K
Weekly Downloads
627K
Last Commit
4mos ago
Bundle Size (min+gzip)
8.60KB
Tree-Shakeable
rdl

react-drag-listview

A simple draggable list component for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
3
Top Feedback
2Great Documentation
2Easy to Use
GitHub Stars
192
Weekly Downloads
11K
Last Commit
7mos ago
Bundle Size (min+gzip)
8.44KB
Tree-Shakeable
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
188
Weekly Downloads
97
Last Commit
2yrs ago
Bundle Size (min+gzip)
2.64KB
Tree-Shakeable
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
45K
Last Commit
16d ago
Bundle Size (min+gzip)
4.44KB
Not Tree-Shakeable
rn

react-nestable

Drag & drop hierarchical list made as a react component

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
134
Weekly Downloads
4K
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rs

react-sortablejs

React bindings to [SortableJS](https://github.com/SortableJS/Sortable)

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

@progress/kendo-react-listbox

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

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

react-draggable-list

React component for a list of draggable collapsible items

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

react-smooth-dnd

react wrapper components for smooth-dnd

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

react-dragula

πŸ‘Œ Drag and drop so simple it hurts

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

react-reorder

Drag & drop, touch enabled, reorderable / sortable list, React component

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

react-sortable

A sortable list component built with React

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

react-window-sortable

React component for draggable, efficiently rendering large lists with react-window

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
247
Last Commit
8mos ago
Bundle Size (min+gzip)
5.56KB
Tree-Shakeable
rsl

react-sort-list

React Drag and Drop sortable list.

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

react-drag-sortable

React drag & drop highly customizable sortable list component

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
71
Weekly Downloads
2K
Last Commit
1yr ago
Bundle Size (min+gzip)
44.1KB
Not Tree-Shakeable

@plesk/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
N/A
GitHub Stars
N/A
Weekly Downloads
294
Last Commit
1yr ago
Bundle Size (min+gzip)
4.33KB
Not Tree-Shakeable
rld

react-list-drag-and-drop

Lightweight React component to reorder list elements by drag-and-drop

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
24
Weekly Downloads
2K
Last Commit
2yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rdl

react-dnd-list

Light and customizable drag and drop list for React

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
113
Last Commit
6mos ago
Bundle Size (min+gzip)
5.64KB
Not Tree-Shakeable
rsl

react-sortable-list

A sortable list component using html5 drag and drop api

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

react-mixin-sortablejs

React mixin for SortableJS.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
26
Weekly Downloads
25
Last Commit
5yrs ago
Bundle Size (min+gzip)
0.97KB
Not Tree-Shakeable
an

antd-nestable

Drag & drop hierarchical list made as a react component for Ant Design

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

react-html5-sortable

React mixin for HTML5 drag-and-drop sorting of items in a container

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

react-dnd-card

Create a drag and drop list in a minute. Built on top of React DnD.

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

react-droplite

Fat free react drag and drop lists

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

react-slipmove

Animated sortable lists for react

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