sortablejs
react-sortable
| sortablejs | react-sortable | |
|---|---|---|
| 30 | - | |
| 30,921 | 635 | |
| 0.3% | 0.0% | |
| 5.3 | 0.0 | |
| 7 months ago | almost 6 years ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
sortablejs
- Svelte 5 and SortableJS
We can also pass all the options for SortableJS as the second parameter. See SortableJS Docs.
- 12 Must-Know Libraries to Supercharge Your Frontend Development
- Frontend Libraries for Your Next Project
SortableJS is a touch-friendly library that enables drag-and-drop sorting of lists. Its simple API and flexibility make it a go-to solution for implementing sortable lists, providing an intuitive user experience for rearranging items on the fly.
- How to create a drag and drop with Tailwind CSS and JavaScript
Sortable.js
- A feature-rich front-end drag-and-drop component library
We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/
- Multi-column drag and drop with SortableJS and Stimulus
Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.
- Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
Maybe: https://github.com/SortableJS/Sortable Can do this not sure.
- Show HN: An open source visual editor for React
Well, 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).
- SortableJS: Library for reorderable drag-and-drop lists
- Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.
react-sortable
We haven't tracked posts mentioning react-sortable yet.
Tracking mentions began in Dec 2020.
What are some alternatives?
HTML5Sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-anything-sortable - A ReactJS component that can sort any children with touch support and IE8 compatibility
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
Semantic UI - Semantic is a UI component framework based around useful principles from natural language.