react-grid-layout
A draggable and resizable grid layout with responsive breakpoints, for React. (by STRML)
golden-layout
A multi window layout manager for webapps (by golden-layout)
Our great sponsors
react-grid-layout | golden-layout | |
---|---|---|
18 | 6 | |
19,450 | 6,147 | |
1.7% | 0.7% | |
7.1 | 0.0 | |
6 days ago | 11 days ago | |
JavaScript | JavaScript | |
MIT License | 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-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.
-
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
-
Dashboard builder
I’ve done that before using react grid layout (https://github.com/react-grid-layout/react-grid-layout) to allow for moving and resizing components, and then a lot of custom code. Having a well thought architecture makes a lot of difference there.
golden-layout
Posts with mentions or reviews of golden-layout.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-01-30.
-
Using tree data structures to implement terminal split panes
DomTerm (https://domterm.org) uses the Golden Layout library (https://github.com/golden-layout/golden-layout). As far as I can tell, this does everything mentioned in the article. It also supports tabs, and you can also reposition terminal windows by dragging, neither of which I saw mentioned in the article. (I'm currently working on being able to drag between top-level windows. It sort-of-works, but only at the proof-of-concept level.)
-
I made a rudimentary wrapper library around GoldenLayout 2.x
If you don't know, GoldenLayout implements resizable and movabe tabs and tab sets. The Website has a life demo, although based on 1.x I think.
-
A custom element `<gem-panel>`, let you easily create layout similar to Adobe After Effects
I've been looking for something like this for ages (the only thing I saw come close was jQuery based... and this is 2021 so I'm not going down that path!)
-
Thoughts & experience about golden-layout manager and ng implementation
I was wondering if anyone has used Golden Layout library and if he is kind enough to share his experience. I was looking at the Angular implementation sample and I found it quite impressive.
-
Fuck Domainparkers
Parent appears to be talking about https://golden-layout.com/
What are some alternatives?
When comparing react-grid-layout and golden-layout you can also consider the following projects:
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
hedron - A no-frills flexbox grid system for React, powered by styled-components.
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
FlexLayout - Docking Layout Manager for React
react-stack-grid
muuri-react - The layout engine for React
reactwm - A minimal window manager built using React.
react-masonry-component - A React.js component for using @desandro's Masonry
reflexbox
m-react-splitters - React splitter component, written in TypeScript.
react-grid-layout vs react-beautiful-dnd
golden-layout vs hedron
react-grid-layout vs react-flexbox-grid
golden-layout vs FlexLayout
react-grid-layout vs react-stack-grid
golden-layout vs react-flexbox-grid
react-grid-layout vs muuri-react
golden-layout vs reactwm
react-grid-layout vs react-masonry-component
golden-layout vs reflexbox
react-grid-layout vs hedron
golden-layout vs m-react-splitters