react-beautiful-dnd VS react-grid-layout

Compare react-beautiful-dnd vs react-grid-layout and see what are their differences.

react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React (by atlassian)

react-grid-layout

A draggable and resizable grid layout with responsive breakpoints, for React. (by STRML)
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
react-beautiful-dnd react-grid-layout
68 18
32,204 19,301
1.2% 1.6%
0.6 7.4
3 days ago 6 days ago
JavaScript JavaScript
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.

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-02-23.

react-grid-layout

Posts with mentions or reviews of react-grid-layout. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-03-19.

What are some alternatives?

When comparing react-beautiful-dnd and react-grid-layout 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.

golden-layout - A multi window layout manager for webapps

react-dropzone - Simple HTML5 drag-drop zone with React.js.

react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.

nested-dnd - Proof of concept for doing a nested drag and drop in React

react-draggable - React draggable component

react-stack-grid

framer/motion - Open source, production-ready animation and gesture library for React

react-testing-library - 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

muuri-react - The layout engine for React

react-dragula - :ok_hand: Drag and drop so simple it hurts