tomkp/react-split-pane
React split-pane component observed · 2026-08-28
Health v2 · maintenance only
79/100
- Activity 76
- Release rhythm 71
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 0
- age_days: 4198
- days_rel: 195
- days_push: 148
- n_releases_24m: 8
Adoption not part of the score
3392 stars · 410 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A lightweight, TypeScript-first React component for creating resizable split-pane layouts with horizontal and vertical splits. It supports controlled and uncontrolled modes, nested panes, keyboard accessibility, and touch input.
Use cases
- add resizable sidebar and main content panes to a react app
- build an ide-like layout with editor and console panels
- create a draggable vertical split between header and content
- persist user-adjusted pane sizes across sessions
- build accessible resizable panels with keyboard support
When to choose
- you need resizable panes in a React application with full TypeScript support
- accessibility and touch support are requirements
- you want a tiny (<5KB) dependency-free layout component
When to avoid
- your project does not use React
- you need complex grid or dockable window layouts rather than simple splits
- you need framework-agnostic web components
Facets
library · maturity active
ui-components state-management frontend web-development accessibility browser react split-pane resizable-panes layout hooks typescript touch-support web-server nodejs
3 sources
- readme: https://github.com/tomkp/react-split-pane · fetched 2026-08-28 · 5cbb323fabdc
- homepage: https://tomkp.github.io/react-split-pane · fetched 2026-08-29 · 8fab62f9bafb
- registry_npm: https://registry.npmjs.org/react-split-pane · fetched 2026-08-29 · 118e11c9d81c
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| tomkp/react-split-pane | main | 79 |
For agents
markdown · JSON · MCP: product_card(name="tomkp/react-split-pane")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem