react-beautiful-dnd
sortablejs
Our great sponsors
react-beautiful-dnd | sortablejs | |
---|---|---|
71 | 25 | |
32,416 | 28,684 | |
1.3% | 1.0% | |
0.6 | 6.0 | |
4 days ago | 12 days ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | 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.
react-beautiful-dnd
-
A feature-rich front-end drag-and-drop component library
Yeah, I hope the migration is not going to be too painful because https://github.com/atlassian/react-beautiful-dnd is a key component in one of my important project
-
Use React.js with Laravel. Build a Tasklist app
For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.
-
The 5 Most Important Features on phived.com
A huge win for the user experience using react-beautiful-dnd.
-
Curious case of Drag and Drop
react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.
- How can we create drag and drop like bento.me in react js ?
-
Free tools for frontend
Drag-and-drop library for React with beautiful animations. Website - GitHub
-
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
This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd
-
I made a website builder that works like Notion
Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable
-
Trying to create drag and drop functionality with React from plain JS code
https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd
-
How do you implement drag-select using React-DnD?
You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.
sortablejs
-
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-js, two types of items and nested items
-
How to use Nodemailer with Cypress 10?
after(() => { cy.task('sendMail', 'This will be output to email address') .then(result => console.log(result)); }) //zadanie A it("navstiv stranku a vyhladaj a elementy v casti Framework Support", ()=>{ cy.visit('https://sortablejs.github.io/Sortable/#cloning')
-
Can anyone share an example of drag and drop content
Check out https://sortablejs.github.io/Sortable/
- How to create a Drag and Drop quiz like this?
What are some alternatives?
react-dnd - Drag and Drop for React
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
HTML5Sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.
react-dropzone - Simple HTML5 drag-drop zone with React.js.
dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
nested-dnd - Proof of concept for doing a nested drag and drop in React
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
react-draggable - React draggable component
jQuery Sortable - A flexible, opinionated sorting plugin for jQuery