# caplin/FlexLayout

Docking Layout Manager for React

Repository: https://github.com/caplin/FlexLayout
Canonical: https://ross.abutalabs.com/products/caplin-flexlayout
Language: TypeScript
License: MIT
License Family: permissive
Topics: layout, dock, tabset, splitter, drag-and-drop, react, reactjs, layout-manager, docking-layout, docking-library, drag, drop, manager, splitview, tabs, typescript, split
Last push: 2026-08-25T17:53:12+00:00

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

## Adoption (not part of the score)
Stars 1344, forks 216 (observed 2026-08-28T04:04:27.191526+00:00)

## What it is
FlexLayout is a docking layout manager for React that arranges components into resizable, draggable tabsets with splitters. It supports floating panels, popout windows, theming, accessibility, and mobile use, with its only dependency being React.

## Use cases
- build an IDE-like multi-panel interface in React
- create dockable tab layouts with drag-and-drop
- add resizable splitters between React components
- let users rearrange dashboard panels into tabsets
- pop out tabs into floating windows or new browser windows
- build a dark/light themed tabbed workspace UI

## When to choose
- you need VS Code-style docking and tab management in a React app
- you want a mature layout library with TypeScript support and no dependencies beyond React
- you need accessibility (ARIA, keyboard) and mobile support in a complex layout

## When to avoid
- your app is not built with React
- you only need simple CSS flexbox or grid layouts without docking
- you need a framework-agnostic or vanilla JS layout manager

## Facets
- artifact type: library
- maturity: active
- function: ui-components, state-management, frontend-framework
- domain: web-development, frontend, developer-tools
- platform: cross-platform
- tags: react, docking-layout, tabsets, drag-and-drop, splitter, typescript, layout-manager, web-server, nodejs

## Member repositories
- caplin/FlexLayout (main) score 99

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:27.191526+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:42:49.359055+00:00, confidence not recorded.
  - readme: https://github.com/caplin/FlexLayout (fetched 2026-08-28T04:04:27.191526+00:00, sha c06b06d88794)
- Data as of 2026-08-30T08:39:29.467469+00:00.