# aeagle/react-spaces

React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.

Repository: https://github.com/aeagle/react-spaces
Canonical: https://ross.abutalabs.com/products/react-spaces
Homepage: https://allaneagle.com/projects/react-spaces
Language: TypeScript
License: MIT
License Family: permissive
Topics: react, components, web, web-ui, web-ui-framework, component-library, javascript-library, reactjs, reactjs-components
Last push: 2026-02-13T22:23:55+00:00

## Health v2 (maintenance only)
Score: 53/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 67, release rhythm 8, longevity 100
- inputs: {"age_days": 2600, "days_push": 201, "days_rel": 522, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1314, forks 27 (observed 2026-08-28T04:04:20.394014+00:00)

## What it is
React Spaces is a React component library providing a nestable layout system of anchored, scrollable, and resizable spaces for building desktop-style UIs in the browser. It supplies invisible structural building blocks (ViewPort, Fixed, Left/Right/Top/Bottom, Fill, Layer, Positioned) that handle layout behavior without styling.

## Use cases
- build resizable split-pane layouts in React
- create dashboard layouts with anchored sidebars and panels
- build desktop-style app interfaces in the browser
- implement draggable resizable sidebars and panels
- create nested layout containers that respond to viewport resizing
- layer floating UI elements over a main content area

## When to choose
- you need a layout foundation rather than styled UI components
- you want resizable, anchored panels without writing CSS
- you're building desktop-like web app layouts in React
- you need nested layout containers that resize together automatically

## When to avoid
- you need fully styled, ready-made visual UI components
- you're not using React
- you only need simple CSS flexbox or grid layouts
- you need mobile-native layout behavior outside the browser

## Facets
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, state-management
- domain: web-development, frontend, web-design
- platform: browser, cross-platform
- tags: react, layout-system, resizable-panels, anchored-layout, component-library, typescript, split-panes, dashboard-layout, nodejs

## Member repositories
- aeagle/react-spaces (main) score 53

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:20.394014+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:48:45.319258+00:00, confidence not recorded.
  - readme: https://github.com/aeagle/react-spaces (fetched 2026-08-28T04:04:20.394014+00:00, sha f8a38dde0c6d)
  - homepage: https://allaneagle.com/projects/react-spaces (fetched 2026-08-29T12:07:38.258174+00:00, sha ac7f34ef3bdc)
  - site_page: https://allaneagle.com/react-spaces/docs (fetched 2026-08-29T12:07:38.261364+00:00, sha 68252e95a549)
  - registry_npm: https://registry.npmjs.org/react-spaces (fetched 2026-08-29T12:07:38.263273+00:00, sha 2cf072bb6bdf)
- Data as of 2026-08-30T08:39:29.467469+00:00.