react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React (by atlassian)
react-sortablejs
React bindings for SortableJS (by SortableJS)
Our great sponsors
| react-beautiful-dnd | react-sortablejs | |
|---|---|---|
| 71 | 4 | |
| 32,416 | 1,931 | |
| 1.3% | 1.3% | |
| 0.6 | 5.1 | |
| 5 days ago | 5 months ago | |
| JavaScript | TypeScript | |
| GNU General Public License v3.0 or later | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of react-beautiful-dnd.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-04-24.
-
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.
react-sortablejs
Posts with mentions or reviews of react-sortablejs.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-05-13.
-
Drag and Drop - Which library?
react-sortablejs: Uses the native HTML DND backend. Also not "production ready".
- Can I take any react library and plug it into my ionic react app?
-
Simplest Drag and Drop setup in React, in 10 lines of code with SortableJS
Then I thought : damn, there should be out there a JavaScript library doing the simple thing I've asked for ! And I saw in this last react-sortablejs that it was a "React bindings to SortableJS".
-
How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up
GitHub
What are some alternatives?
When comparing react-beautiful-dnd and react-sortablejs you can also consider the following projects:
react-dnd - Drag and Drop for React
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.
nested-dnd - Proof of concept for doing a nested drag and drop in React
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
react-kanban - Yet another Kanban/Trello board lib for React.
react-draggable - React draggable component
react-grid-dnd - drag and drop, grid edition. built with react
react-beautiful-dnd vs react-dnd
react-sortablejs vs dnd-kit
react-beautiful-dnd vs dnd-kit
react-sortablejs vs HTML5Sortable
react-beautiful-dnd vs react-dropzone
react-sortablejs vs nested-dnd
react-beautiful-dnd vs react-grid-layout
react-sortablejs vs sortablejs
react-beautiful-dnd vs nested-dnd
react-sortablejs vs react-kanban
react-beautiful-dnd vs react-draggable
react-sortablejs vs react-grid-dnd