react-mosaic vs golden-layout

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

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.

www.influxdata.com

featured

react-mosaic		golden-layout
	Project
7	Mentions	6
4,061	Stars	6,155
-	Growth	0.4%
5.7	Activity	0.0
6 months ago	Latest Commit	17 days ago
TypeScript	Language	JavaScript
GNU General Public License v3.0 or later	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.

react-mosaic

Posts with mentions or reviews of react-mosaic. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-10-26.

Show HN: I solved my New Tab page for myself
6 projects | news.ycombinator.com | 26 Oct 2022

nice!
Some suggestions for me at least
1. Why I can't I set any tile to any type?
2. An RSS feed tile would be nice. It seems I can only follow HN, Reddit, Twitter
3. Would be great if I could drag and drop tiles to arrange like (https://nomcopter.github.io/react-mosaic/) or (https://xcfox.github.io/react-tile-pane/demo/) etc...
4. A random image tile would be nice
React Mosaic
1 project | news.ycombinator.com | 23 Sep 2022
React-mosaic: A React tiling window manager
1 project | news.ycombinator.com | 30 Jan 2022
Using tree data structures to implement terminal split panes
3 projects | news.ycombinator.com | 30 Jan 2022

There’s a very handy implementation of this splitting model for React called react-mosaic: https://github.com/nomcopter/react-mosaic
Show HN: Omnino, a windowing system for web apps, inspired by the Acme editor
2 projects | news.ycombinator.com | 7 Oct 2021

While the conservative reproduction of Acme's interaction will appeal to fans who have used the editor I guess, I think a lot of people would find the interactivity (esp. the resizers, left scrollbar) very non-intuitive in present day and age.
A good example of a more modern and practical tiling system for web is mosaic (https://nomcopter.github.io/react-mosaic/)
Are there React Libraries for creating draggable component-based UIs?
1 project | /r/reactjs | 8 Apr 2021

this should do the trick https://github.com/nomcopter/react-mosaic
We open-sourced a React component for building split views like in VS Code
4 projects | /r/reactjs | 5 Mar 2021

Have you tried out https://github.com/nomcopter/react-mosaic before? What are the advantages over mosaic? I really liked react-mosaic it was quite feature rich

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
3 projects | news.ycombinator.com | 30 Jan 2022

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
4 projects | /r/sveltejs | 3 Oct 2021

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
1 project | /r/javascript | 7 May 2021

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
2 projects | /r/Angular2 | 14 Apr 2021

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
1 project | news.ycombinator.com | 11 Mar 2021

Parent appears to be talking about https://golden-layout.com/

What are some alternatives?

When comparing react-mosaic and golden-layout you can also consider the following projects:

lightGallery - A customizable, modular, responsive, lightbox gallery plugin.

react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.

react-virtualized - React components for efficiently rendering large lists and tabular data

hedron - A no-frills flexbox grid system for React, powered by styled-components.

React Data Grid - Feature-rich and customizable data grid React component

FlexLayout - Docking Layout Manager for React

react-select - The Select Component for React.js

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

Plyr - A simple HTML5, YouTube and Vimeo player

reactwm - A minimal window manager built using React.

react-infinite-calendar - ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.

reflexbox