react-grid-layout
A draggable and resizable grid layout with responsive breakpoints, for React. (by STRML)
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React (by atlassian)
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.
surveyjs.io
featured
| react-grid-layout | react-beautiful-dnd | |
|---|---|---|
| 19 | 71 | |
| 19,527 | 32,488 | |
| 1.2% | 0.9% | |
| 7.1 | 5.7 | |
| 20 days ago | 11 days ago | |
| JavaScript | JavaScript | |
| MIT License | GNU General Public License v3.0 or later |
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-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-05-03.
-
How to Build Progressive Web Apps in 2024? A Step-byStep Guide
Flexbox and Grid Layout: Leverage CSS features like flexbox and grid layout to create responsive layouts that adapt to different screen sizes
-
Essential tools for implementing React panel layouts
You can find additional information about the React-Grid-Layout in the repository and documentation.
-
Casca.Space: a Chrome extension for your focus and productivity
This is react-grid-layout with some custom logic https://github.com/react-grid-layout/react-grid-layout
-
Is there a library for grid-based drag-n-drop?
react-grid-layout looks like a good candidate, but it seems like it lacks a way to customize/add rules for positioning elements to prevent "stacks" of elements. Imagine a user models a brick wall and you want to prevent users from stacking bricks above each other (prevent bricks stack bond and allow something like running bond brick pattern)
-
I made a website builder that works like Notion
I was looking to build a somewhat similar project with react and react grid layout.
- Is there anything like react-grid-layour for RN?
-
Is there a way to create a drag and drop prototype for multiple components in figma?
Would it be possible to prototype something like this in figma? http://react-grid-layout.github.io/react-grid-layout/examples/0-showcase.html
-
25 React component libraries you just might need for your next project!
react-grid-layout A draggable and resizable grid layout with responsive breakpoints, for React.
- How to Build Resizeable Panels Like Tailwind
-
what should I use to build a map-builder?
A lot of projects seem to like: https://github.com/react-grid-layout/react-grid-layout
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.
What are some alternatives?
When comparing react-grid-layout and react-beautiful-dnd you can also consider the following projects:
golden-layout - A multi window layout manager for webapps
react-dnd - Drag and Drop for React
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-stack-grid
react-dropzone - Simple HTML5 drag-drop zone with React.js.
muuri-react - The layout engine for React
nested-dnd - Proof of concept for doing a nested drag and drop in React
react-masonry-component - A React.js component for using @desandro's Masonry
react-draggable - React draggable component
hedron - A no-frills flexbox grid system for React, powered by styled-components.
framer/motion - Open source, production-ready animation and gesture library for React
react-grid-layout vs golden-layout
react-beautiful-dnd vs react-dnd
react-grid-layout vs react-flexbox-grid
react-beautiful-dnd vs dnd-kit
react-grid-layout vs react-stack-grid
react-beautiful-dnd vs react-dropzone
react-grid-layout vs muuri-react
react-beautiful-dnd vs nested-dnd
react-grid-layout vs react-masonry-component
react-beautiful-dnd vs react-draggable
react-grid-layout vs hedron
react-beautiful-dnd vs framer/motion