nomcopter/react-mosaic

Features

• Tiling Window Managers - Organizes React components into a resizable grid of tiling windows and tabbed containers.
• Tiling Layout Engines - Implements a tiling layout engine that organizes components into a resizable grid of rows and columns.
• Layout Tree Manipulations - Provides a controlled state interface to programmatically manage the layout tree for features like undo/redo.
• Tiling Panel Arrangement - Organizes complex components across a view by dragging and resizing layout panels to define position and size.
• Binary Tree Layout Engines - Implements a tiling system that partitions the display into rectangular regions using a binary tree layout engine.
• Tiling Drag-and-Drop Rearrangement - Allows moving windows between positions in the tiled view by calculating and generating layout tree updates.
• Window Resizing - Adjusts the dimensions of adjacent components by dragging a separator to allocate screen space.
• Single State Trees - Stores the entire window arrangement in a single serializable state tree for persistence.
• Layout State Persistence - Serializes the window tree to JSON for saving and restoring workspace configurations across sessions.
• Workspace Layout Persistence - Saves and restores complex window arrangements by serializing the layout tree into JSON.
• Layout Serialization Engines - Provides a system for converting complex window arrangements into JSON for workspace restoration.
• Resizable Panes - Divides screen space into nested rows and columns using draggable separators.
• Tabbed Containers - Groups multiple panels into a single area with a tab strip to switch between content views via headers.
• Tabbed Interfaces - Groups multiple components into single screen areas using a tabbed system to switch active views.
• IDE Layout Frameworks - Provides the structural framework for building IDE-style interfaces with split-panes and tabbed containers.
• Panel Creation Logic - Ships a configurable function to determine which content identifies as a new panel, including user selection pickers.
• Tiled Window Wrappers - Wraps content in windows featuring toolbars with controls for splitting, expanding, removing, or replacing tiles.
• Window Order Rebalancing - Calculates a new balanced tree structure from existing windows to reshuffle them into a clean grid.
• Window Action Triggers - Implements commands to hide, expand, or remove panels by accessing the window or tree context.
• Layout State Synchronizers - Provides a controlled state interface to synchronize the internal layout tree with external React state.
• Hierarchy Mutation Engines - Updates the layout hierarchy by calculating new parent-child relationships based on user drag-and-drop interactions.
• Dashboard Layouts - Enables the creation of flexible interfaces where panels can be programmatically added, removed, or resized.
• Recursive Components - Uses recursive components to traverse and render the tiling layout tree into nested split-panes and tab groups.
• Tab Lifecycle Management - Provides programmatic control over tab close buttons to implement pinned, protected, or closable panels.
• Tree-Based Window Orchestrators - Provides a manager for rearranging component positions within a hierarchical tree via drag and drop.

Star history