With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
React-beautiful-dnd Alternatives
Similar projects and alternatives to react-beautiful-dnd
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
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.
-
nested-dnd
Proof of concept for doing a nested drag and drop in React
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
framer/motion
Open source, production-ready animation and gesture library for React
-
-
draggable
The JavaScript Drag & Drop library your grandparents warned you about.
-
-
-
svelte-dnd-action
An action based drag and drop container for Svelte
-
react-testing-library
🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
-
react-spring
✌️ A spring physics based React animation library
-
-
interact.js
JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
-
dflex
The sophisticated Drag and Drop library you've been waiting for 🥳
-
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
react-beautiful-dnd reviews and mentions
-
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.
-
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.
-
How to Drag and Drop in React
Building a good D&D library, especially one that is accessible, is difficult. Keep that in mind if you decide to roll your own D&D or any other UI component for that matter.
-
7 Libraries You Should Know as a React Developer 💯🔥
NPM: https://www.npmjs.com/package/react-beautiful-dnd
-
one of my coworkers criticised me for using too shiny libraries.
react-beautiful-dnd was maintained by Atlassian, and they stopped updating it to focus on other projects. 1.4 million weekly downloads.
-
How do you implement drag select on a mui table or grid?
I know that MUI pro offers datagrid tables which come with that feature out of the box. However if you want to do it without paying, I would suggest implementing react-beautiful-dnd. https://github.com/atlassian/react-beautiful-dnd
-
Build a Kanban board with dnd kit and React
Though react-beautiful-dnd is not being maintained actively, it is more mature and has a huge community around it. Because of this, it's definitely going to be challenging to convince folks to jump ship. It also has some advanced features like support for multiple dragging, virtual list support, and SSR that dnd kit doesn't offer out of the box.
-
How to create a Drag and Drop quiz like this?
If you are using react https://github.com/atlassian/react-beautiful-dnd
-
A note from our sponsor - SurveyJS
surveyjs.io | 29 Mar 2024
Stats
atlassian/react-beautiful-dnd is an open source project licensed under GNU General Public License v3.0 or later which is an OSI approved license.
The primary programming language of react-beautiful-dnd is JavaScript.
Popular Comparisons
- react-beautiful-dnd VS react-dnd
- react-beautiful-dnd VS dnd-kit
- react-beautiful-dnd VS react-dropzone
- react-beautiful-dnd VS react-grid-layout
- react-beautiful-dnd VS nested-dnd
- react-beautiful-dnd VS react-draggable
- react-beautiful-dnd VS framer/motion
- react-beautiful-dnd VS react-testing-library
- react-beautiful-dnd VS react-dragula
- react-beautiful-dnd VS sortablejs