golden-layout
react-mosaic
Our great sponsors
golden-layout | react-mosaic | |
---|---|---|
6 | 7 | |
6,147 | 4,059 | |
0.7% | - | |
0.0 | 5.7 | |
12 days ago | 6 months ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
golden-layout
-
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/
react-mosaic
-
Show HN: I solved my New Tab page for myself
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
- React-mosaic: A React tiling window manager
-
Using tree data structures to implement terminal split panes
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
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?
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
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
What are some alternatives?
react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.
lightGallery - A customizable, modular, responsive, lightbox gallery plugin.
hedron - A no-frills flexbox grid system for React, powered by styled-components.
react-virtualized - React components for efficiently rendering large lists and tabular data
FlexLayout - Docking Layout Manager for React
React Data Grid - Feature-rich and customizable data grid React component
react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules.
react-select - The Select Component for React.js
reactwm - A minimal window manager built using React.
Plyr - A simple HTML5, YouTube and Vimeo player
reflexbox
react-infinite-calendar - ✨ Infinite scrolling date-picker built with React, with localization, range selection, themes, keyboard support, and more.