Projects sharing features with Golden Layout

This project is an automatic tiling window manager and a GNOME desktop interface extension. It functions as a keyboard-driven window orchestrator that organizes application windows into non-overlapping grids using a hierarchical tree structure to subdivide and rearrange screen space. The system provides a multi-monitor layout manager that handles window placement across multiple display outputs and automatically re-tiles when monitors are connected or disconnected. It includes a searchable, asynchronous interface for launching applications, system settings, and locating open windows. The sof

React Grid Layout is a draggable and resizable grid system for React that organizes components into a coordinate-based layout. It functions as a responsive layout manager and a serialized grid state engine, providing the tools necessary to create user-customizable workspaces where interface elements can be moved and resized. The system distinguishes itself through breakpoint-driven layout mapping, which adjusts grid configurations based on container width. It utilizes a serialized state model to convert spatial positions and dimensions into data formats for saving and restoring user layouts,

MakerSkillTree is an educational roadmap designer and interactive skill map visualizer. It provides a system for creating, exporting, and navigating structured learning paths through an SVG skill tree generator and a corresponding YAML learning path schema. The project features a drag-and-drop interface for designing custom skill trees and a bidirectional conversion system that translates visual layouts between SVG and YAML formats. This allows for data-driven version tracking and the generation of changelogs between different iterations of a skill tree. The system supports the visualization

react-mosaic is a React tiling window manager used to organize components into a resizable grid of windows and tabbed containers. It provides a layout system featuring resizable split panes and a draggable window orchestrator for arranging content into nested rows and columns. The system includes a serializable layout engine that converts window arrangements into JSON, enabling the persistence and restoration of workspace configurations across sessions. It supports a tabbed workspace interface where multiple panels are grouped into single areas with switchable headers. The project covers com

GodMode is a browser-based AI orchestrator and web interface aggregator that allows users to interact with multiple large language model providers through a single consolidated workspace. It functions as a multi-model chat client and comparison tool, enabling the broadcasting of a single prompt to several AI platforms simultaneously to evaluate responses side by side. The project distinguishes itself by embedding external AI web applications within isolated frames and using a shared messaging bridge to distribute inputs. It employs custom CSS overlays and a dynamic layout grid to provide unif

FlowType.JS is a fluid typography JavaScript library and responsive typography engine. It functions as a client-side layout calculator that determines and applies optimal typographic metrics based on the real-time dimensions of DOM elements. The library distinguishes itself by using browser-side logic to scale font size and line height relative to the width of a container. This ensures a consistent number of characters per line across different screen sizes, bypassing the limitations of static CSS media queries. The system utilizes a dynamic layout engine that integrates with a resize observ

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

toolong is a terminal log viewer and TUI log manager designed for monitoring live log streams and navigating large log files. It functions as a log aggregator and JSONL formatter, capable of merging multiple log files into a single chronological view by automatically detecting timestamps. The application supports the visualization of structured data by pretty printing JSONL files and applying syntax highlighting to common web server log patterns. It handles large-scale data efficiently through virtual-sized scrollable views, allowing users to open compressed logs or files of any size without

usehooks-ts is a comprehensive collection of reusable TypeScript-based hooks designed for managing state, DOM events, and browser API interactions within React applications. It provides a typed library of functions to handle common frontend patterns and side effects. The project distinguishes itself by offering specialized hooks for browser integration, including tools for interacting with the system clipboard, managing local and session storage persistence, and loading external scripts. It also includes utilities for responsive UI development, such as tracking media queries, window dimension

Elementor is a visual page builder for WordPress that provides a drag-and-drop interface for creating responsive layouts and custom themes. It functions as a comprehensive design system manager and theme builder, allowing for the creation of global website components such as headers, footers, and archive pages without writing code. The platform distinguishes itself through a dedicated popup builder with custom trigger conditions and a visual landing page creator that utilizes pre-made kits. It includes a global style registry to synchronize fonts and colors across all site elements and a widg

Brick Design is a low-code page builder framework used to create drag-and-drop visual editors that generate production-ready layout and styling code for user interfaces. It functions as a visual layout engine and UI component orchestrator, providing the tools necessary to manage component constraints, nesting rules, and visual property configurations. The framework includes a dynamic template generator that utilizes logic rendering and expression variables to create reusable, data-driven page templates. It also operates as a multi-device design tool, offering viewport switching and adaptive s

Vuera is a compatibility layer and interoperability bridge designed to enable shared rendering between Vue and React. It provides a set of wrappers that allow components from one framework to be embedded and rendered inside the other. The project focuses on cross-framework component integration, allowing for the coexistence of both frameworks within a single project. This supports the use of shared UI libraries across different ecosystems and enables incremental migration between Vue and React. The system handles the transfer of nested elements by mapping slots and children properties betwee

vue-fabric-editor is a web-based graphic design tool and vector graphics editor built with Vue and Fabric.js. It provides a canvas manipulation framework for creating visual compositions, layouts, and custom vector illustrations. The project features a template-based design system for creating reusable layouts and a bulk image generator that automatically produces multiple image files using data tables or external network interfaces. It also includes a modular plugin system for extending tools and keyboard shortcuts. The editor covers a broad range of capabilities including digital asset man

This project is a collection of configuration files for managing a personalized Linux desktop environment. It provides a comprehensive bundle for a tiling window manager, a Zsh shell environment, and a Neovim editor setup to synchronize software settings across different machines. The configuration focuses on unified system theming, utilizing a cross-application theme suite to sync color palettes and visual styles across the terminal, browser, and system utilities. It includes a visual settings editor for immediate theme switching and wallpaper management without requiring session restarts.

Neon is a Swift programmatic UI layout framework that orchestrates interface elements through a relative positioning engine. It calculates view sizes and positions at runtime to create responsive user interfaces without using constraints, springs, struts, or visual format language. The system organizes elements into stacks and groups using a coordinate-based orchestrator that resolves alignment rules between sibling and parent components. It utilizes a rule-based coordinate mapping approach to translate high-level alignment descriptors into absolute screen coordinates. The framework provides

rxdrag is a declarative frontend framework and low-code builder used to create web interfaces and application logic visually. It functions as an HTML web interface designer and visual logic orchestrator, allowing users to define structures and data flows through a graphical interface to reduce imperative coding. The system enables the design of responsive frontend layouts and user interactions using a coordinate-based editor. It integrates a logic engine that allows application behavior to be defined by arranging visual blocks rather than writing manual code. The framework covers frontend wo

Packery is a JavaScript bin-packing grid layout engine and DOM element positioning library. It arranges elements of varying sizes into a gapless, compact grid by calculating and applying absolute coordinates to HTML elements to prevent overlapping. The library enables the creation of draggable grid interfaces, allowing users to rearrange elements via drag-and-drop while the system automatically reflows the remaining items. It maintains stable, responsive layouts across different screen dimensions by using a percentage-based positioning system and responding to window resize events. The tool

Panelkit is an iOS panel UI framework and multi-panel layout engine designed to create and manage floating, pinned, and modal content panels within applications. It functions as a floating window manager and interface orchestrator, handling the positioning, dragging, and resizing of independent user interface windows on mobile screens. The framework supports dynamic UI composition, allowing content to be rendered in multiple presentation styles such as popovers or pinned sidebars. It includes a state-persistence layout engine that saves and restores window coordinates and dimensions to mainta

Stencil is a compiler used for authoring web component libraries and developing framework-agnostic user interface elements. It transforms TypeScript and JSX source code into standard custom elements that operate natively in the browser. The project enables the implementation of design systems and enterprise component systems by sharing a single codebase across different JavaScript frameworks. It generates specific adapter layers that allow these custom elements to be used as native components in React, Angular, and Vue. The toolset incorporates ahead-of-time compilation to minimize bundle si

vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t

Monitoror is a unified monitoring wallboard and system status dashboard designed to aggregate real-time health and status data from multiple servers, services, and dependencies. It functions as an uptime monitoring aggregator and a centralized interface for visualizing the state of various infrastructure components. The project distinguishes itself through a customizable grid-based layout system that organizes monitoring tiles using a coordinate system. It supports multi-endpoint provider mapping, allowing a single service type to be linked to multiple distinct server instances to track separ

Builder is a visual content management system and design-to-code tool that transforms visual layouts into functional code for frontend frameworks. It operates as a headless visual editor, allowing for the creation and modification of site layouts through a drag-and-drop interface. The system enables the conversion of design mockups into components for React, Vue, Svelte, and Qwik applications. It decouples layout and design management from the frontend rendering engine, allowing users to update and publish content changes to live applications without redeploying the entire codebase. The plat

This project is a responsive layout framework for Angular that provides a system of directives to create adaptive user interfaces using CSS Flexbox and CSS Grid. It includes specialized libraries for managing flexible box alignment and structuring complex two-dimensional page grids. The framework features a breakpoint monitoring service to programmatically observe media query changes and trigger logic when viewport dimensions cross defined boundaries. To optimize performance, it includes a build-time CSS generator that uses SASS mixins to create static media query stylesheets, reducing the ne

Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures. The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. The system provides interactive capabilities for moving items between multiple containers, filtering visibility based

Twill is a Laravel CMS toolkit and admin panel generator designed for building custom administrative consoles and content management systems. It serves as a headless CMS framework and a toolkit for defining content models and managing structured data through a dedicated administrative interface. The project features a visual block editor that allows publishers to arrange and configure reusable content sections via a drag-and-drop interface. It includes a dedicated digital asset manager for storing, cropping, and optimizing images and files across local or cloud storage, as well as a multiling

Homarr is a self-hosted application dashboard that provides a centralized homepage for organizing and launching services. It functions as an integrated widget portal, a service status monitor, and a unified web search interface. The project distinguishes itself through a customizable drag-and-drop grid for service organization and a dedicated secrets manager for storing and protecting API keys and passwords used by integrated services. It incorporates a system for displaying real-time information and controlling external functions via third-party service widgets. The platform covers broader