Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 11 JavaScript Sortable Projects
-
Project mention: Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good | /r/webdev | 2023-07-04
This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
Project mention: Show HN: An open source visual editor for React | news.ycombinator.com | 2023-09-05Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).
I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & 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: [Vue Js] Comment avoir un conteneur vide avec Vue-Sooth-DND? | /r/enfrancais | 2023-05-07
-
-
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
gigatables-react
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
-
-
-
JavaScript Sortable related posts
- SortableJS: Library for reorderable drag-and-drop lists
- How do you implement drag-select using React-DnD?
- How to Drag and Drop in React
- react sortable-js, two types of items and nested items
- Can anyone share an example of drag and drop content
- Here's how I did in my first week of Frontend Mentor challenges.
- I am creating a form builder using React DnD but having some issues.
-
A note from our sponsor - Sonar
www.sonarsource.com | 23 Sep 2023
Index
What are some of the best open-source Sortable projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | react-beautiful-dnd | 30,928 |
2 | sortablejs | 27,441 |
3 | react-sortable-hoc | 10,543 |
4 | react-sortable-tree | 4,804 |
5 | vue-smooth-dnd | 1,621 |
6 | react-native-drag-sort | 671 |
7 | livewire-sortablejs | 212 |
8 | gigatables-react | 139 |
9 | Ractive.js sortable decorator plugin | 15 |
10 | ember-sortablejs | 11 |
11 | react-dndkit-eg | 2 |