dnd
react-beautiful-dnd
Our great sponsors
dnd | react-beautiful-dnd | |
---|---|---|
7 | 71 | |
1,560 | 32,416 | |
14.0% | 1.3% | |
8.8 | 0.6 | |
4 days ago | 4 days ago | |
TypeScript | JavaScript | |
GNU General Public License v3.0 or later | GNU General Public License v3.0 or later |
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.
dnd
-
Janky drag & drop animation using hello-pangea/dnd package (app dir)
I raised an issue on the dnd package here, but curious to see if anyone had the same issue: https://github.com/hello-pangea/dnd/issues/696
-
Which library is good for drag and drop functionality?
I tried dndkit recently but ended up liking https://github.com/hello-pangea/dnd waaaayyyy more. It's the active repo for beautiful-dnd which was made by atlassian and still used in their products.
- Drag and Drop for React 18
-
What's up with rfd!?
@react-forked/dnd found a new home and has moved to a new organization. You should install @hello-pangea/dnd instead if you want new features and bug fixes.
-
Dnd-kit
Word of warning : that library doesn't work with react 18 strict mode, and it doesn't seem like a fix is coming anytime soon because as I understand it it's not actively maintained anymore. A fork is in the works but as of now still no strict mode support.
-
rbd is dead, long life rfd!
TL;DR react-beautiful-dnd a.k.a. rbd isn’t actively maintained anymore. I’ve decided to fork the project to give it a second life. It’s called @react-forked/dnd or rfd. Try it!
-
https://dndkit.com – A lightweight, performant, accessible and extensible drag & drop toolkit for React
There's a new forked version now to pick up where Atlassisan left off: https://github.com/react-forked/dnd
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.
What are some alternatives?
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
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✌️
rc-dock - Dock Layout for React Component
react-dropzone - Simple HTML5 drag-drop zone with React.js.
obr_tracker - Combat tracker browser extension for Owlbear Rodeo VTT map.
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
rpg-quick-encounter - RPG quick encounter is an online tool to help you get up and running with your next encounter in moments.
nested-dnd - Proof of concept for doing a nested drag and drop in React
react-beautiful-tree - Beautiful tree component for your React apps.
react-draggable - React draggable component