Top 10 JavaScript Sortable Projects
-
I had a similar requirement for which I used the react-beautiful-dnd npm package. GitHub repo This is developed by Atlassian. There are a few examples available for the same on codesandbox
-
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✌️
Project mention: what approach to do intelligent drag drop like this in react? (canvas or non-canvas based approach?) | reddit.com/r/reactjs | 2022-06-04react-sortable-hoc can help you with this.
-
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: 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
-
If anyone is interested, I've managed to put this together with react-native-drag-sort package. Here's a snack for this example.
-
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.
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
-
Project mention: Laravel Livewire plugin that makes it easy to use Sortable.js | reddit.com/r/LaravelLivewire | 2021-08-31
-
JavaScript Sortable related posts
- what approach to do intelligent drag drop like this in react? (canvas or non-canvas based approach?)
- Dnd-kit
- 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?
- rbd is dead, long life rfd!
- As anyone managed to create a Drag & Drop performant table (maybe react window/ react virtuoso?)
Index
What are some of the best open-source Sortable projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-beautiful-dnd | 27,321 |
| 2 | sortablejs | 25,114 |
| 3 | react-sortable-hoc | 10,053 |
| 4 | react-sortable-tree | 4,526 |
| 5 | vue-smooth-dnd | 1,405 |
| 6 | react-native-drag-sort | 587 |
| 7 | react-nestable | 171 |
| 8 | gigatables-react | 127 |
| 9 | livewire-sortablejs | 75 |
| 10 | Ractive.js sortable decorator plugin | 14 |
Are you hiring? Post a new remote job listing for free.
