golden-layout/golden-layout

Features

• Multi-Window Layout Managers - Provides a comprehensive system for managing and synchronizing UI panels across multiple native browser windows.
• Tree-Based Window Layouts - Organizes screen space using a hierarchical tree of nested rows and columns to create complex multi-pane interfaces.
• Cross-Window Messaging - Synchronizes state and communication between detached browser windows and the main layout via a shared event broadcasting system.
• Detachable Browser Windows - Allows web application components to be popped out into separate native browser windows for multitasking.
• Cross-Framework Component Embedding - Provides mechanisms to embed components from various JavaScript frameworks into a unified layout using virtual containers.
• Drag-and-Drop Layout Engines - Ships a layout engine that calculates component positioning and hierarchy via visual drag-and-drop interactions.
• Dynamic Layout Engines - Provides a dynamic layout engine that allows adding and modifying components at runtime based on application logic.
• Container Indexing Logic - Determines the precise placement of new elements within the layout tree based on predefined spatial rules.
• Framework-Agnostic UI Development - Provides a layout system that operates independently of any specific JavaScript framework by using virtual containers.
• Grid Layout Management - Coordinates the overall arrangement and recalculation of grid items to enable a customizable workspace.
• Nested Grid Structures - Supports nesting grid containers within other cells to create a hierarchical tree of rows and columns.
• Hierarchical Layout Grids - Arranges page elements into a tree of nested rows and columns to create complex professional interfaces.
• Layout State Persistence - Saves and restores the spatial configuration and dimensions of UI elements to maintain the workspace.
• User-Defined Layouts - Enables end-users to customize and save the spatial arrangement of interface elements across sessions.
• Layout State Serialization - Converts spatial layout configurations into serializable data formats for efficient workspace persistence.
• Layout State Serializations - Captures the structural arrangement of components as a serializable data object to enable workspace persistence.
• Native Window Detachment - Allows specific components to be popped out from the main layout into independent native browser windows.
• Application State Persistences - Saves and restores the exact arrangement and dimensions of a multi-pane user interface across different sessions.
• UI Component Lifecycle Bindings - Triggers specific hooks during the lifecycle of embedded components to ensure proper integration with the layout manager.
• UI Framework Lifecycle Bindings - Binds layout components to external lifecycles using event-based embedding to align behavior with external state.
• Dynamic UI Element Instantiation - Uses factory-based mapping to dynamically generate and inject framework-agnostic UI elements into layout containers.
• Factory Function Registries - Allows mapping specific component types to factory functions for dynamic user interface element instantiation.
• Component Factories - Implements a factory pattern to dynamically instantiate and inject UI components into the layout hierarchy.
• Component Instance Lifecycles - Provides mechanisms to listen for events before a component is released to ensure proper resource disposal and memory cleanup.
• Component State Serialization - Tracks and requests current component states during saving to ensure accurate restoration of user sessions.
• Coordinate-Based Positioning - Implements logic for positioning layout elements based on spatial rules and coordinates within a layout tree.
• Dimension Definitions - Defines element sizes using percentages or fixed points to control space distribution across primary and cross axes.
• Lifecycle Event Handlers - Triggers custom event handlers to manage the allocation and teardown of components for manual lifecycle control.
• Grid Dimension Adjustments - Provides capabilities for modifying row heights and column widths within the grid-based layout.
• Dashboard Layouts - Enables the creation of user interfaces where components can be rearranged and resized via drag-and-drop.
• Layout Configuration Serializations - Saves and restores the arrangement of user interface components as serializable data for workspace persistence.
• Proxy Container Rendering - Wraps embedded content in proxy elements to manage dimensions and positioning without manipulating the child component's internal DOM.
• Fractional Layout Units - Controls space distribution by defining layout item widths and heights using fractional or percentage units.

Star history