Top 23 Sortable Open-Source Projects
-
For the reference, (some) unmaintained libraries: - @shopify/draggable - react-beautiful-dnd - react-drag-drop-container
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
It uses other utility libraries like Lodash, JSZip and SortableJS. JSZip is used to package the user interface markup into HTML files and other required JavaScript files for a Marketplace App boilerplate in a compressed format and download them from the browser.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-sortable-hoc - considered deprecated in favour of dnd-kit.
-
artillery quick --count 15 -n 30 https://valor-software.com/ngx-bootstrap/ With this command, the test will run 15 virtual users with each of them making 30 HTTP GET requests to the URL address that you specified.
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
Project mention: Best dnd library for multiple component select? | reddit.com/r/reactjs | 2022-03-24I was looking for one for my last project. I came across dndkit. After trying a lot of dnd libraries I decided on dnd kit. https://dndkit.com
-
MUI TreeView is your best option if you're using MUI already, otherwise, I found the rc-tree lib, which seems to be better maintained than this other lib react-sortable-tree while also supporting sorting.
-
Project mention: How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up | dev.to | 2021-07-26
GitHub
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
-
-
react-sortablejs: Uses the native HTML DND backend. Also not "production ready".
-
Project mention: I'm currently working on a simple Github Profile Readme Editor with drag and drop. Still early but all feedback is welcome!! | reddit.com/r/webdev | 2021-10-30
Link: https://github.com/kutlugsahin/vue-smooth-dnd
-
react-movable: Seems to do the job but the user count is lower than the one of dnd-kit.
-
-
If anyone is interested, I've managed to put this together with react-native-drag-sort package. Here's a snack for this example.
-
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
I found Vue easy DND to be pretty good. https://github.com/rlemaigre/Easy-DnD#readme
-
-
Project mention: How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up | dev.to | 2021-07-26
GitHub
-
Yes, there has many differences. it's based on html5 drag and drop. You can check the examples here, it's difficult to achieve with @angular/cdk. The library is cloned from angular-skyhook which inspired by react-dnd.
-
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
-
TL;DR react-beautiful-dnd a.k.a. rbd isn’t actively maintained anymore. I’ve decided to fork the project to give it a second life. It’s called @react-forked/dnd or rfd. Try it!
-
Project mention: Laravel Livewire plugin that makes it easy to use Sortable.js | reddit.com/r/LaravelLivewire | 2021-08-31
-
Project mention: Ng-DnD v2 has released, compatible with Angular 13 | reddit.com/r/Angular2 | 2022-05-03
Sortable related posts
- Drag and Drop - Which library?
- Ng-DnD v2 has released, compatible with Angular 13
- Drag and drop (reorder) list
- i am looking for code examples / libraries to implement this kind of drag and drop (google slides)
- Best dnd library for multiple component select?
- Can I take any react library and plug it into my ionic react app?
- Replacing React beautiful-dnd
Index
What are some of the best open-source Sortable projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-beautiful-dnd | 26,967 |
2 | sortablejs | 24,851 |
3 | react-sortable-hoc | 9,992 |
4 | ngx-bootstrap | 5,383 |
5 | dnd-kit | 4,576 |
6 | react-sortable-tree | 4,483 |
7 | react-smooth-dnd | 1,605 |
8 | jQuery Sortable | 1,512 |
9 | HTML5Sortable | 1,493 |
10 | react-sortablejs | 1,441 |
11 | vue-smooth-dnd | 1,388 |
12 | react-movable | 1,237 |
13 | react-sortable-pane | 596 |
14 | react-native-drag-sort | 570 |
15 | Easy-DnD | 281 |
16 | jquery-sortable-lists | 204 |
17 | react-nestable | 164 |
18 | angular-skyhook | 162 |
19 | ulid-rs | 130 |
20 | gigatables-react | 127 |
21 | dnd | 125 |
22 | livewire-sortablejs | 68 |
23 | ng-dnd | 48 |
Are you hiring? Post a new remote job listing for free.