{"adoption": {"forks": 410, "observed_at": "2026-08-28T04:07:59.135738+00:00", "stars": 3392}, "canonical_url": "https://ross.abutalabs.com/products/react-split-pane", "card": {"archived": false, "artifact_type": "library", "description": "React split-pane component", "domain": ["frontend", "web-development", "accessibility"], "enriched": true, "function": ["ui-components", "state-management"], "health_score": 83, "homepage": "https://tomkp.github.io/react-split-pane", "language": "TypeScript", "license": "MIT", "license_family": "permissive", "maturity": "active", "member_repos": ["tomkp/react-split-pane"], "name": "tomkp/react-split-pane", "platform": ["browser"], "pushed_at": "2026-04-07T04:25:34+00:00", "repo": "tomkp/react-split-pane", "stars": 3392, "tags": ["react", "split-pane", "resizable-panes", "layout", "hooks", "typescript", "touch-support", "web-server", "nodejs"], "topics": ["split-pane", "react", "react-component"], "urls": [], "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"], "what_it_is": "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.", "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"], "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"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-split-pane", "repo": "tomkp/react-split-pane", "role": "main", "score": 79}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:59.135738+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-29T18:39:00.702631+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "5cbb323fabdc08a99d099c783dd46c122b97eb69a7721655880c606cf1ab22c7", "fetched_at": "2026-08-28T04:07:59.135738+00:00", "kind": "readme", "missing": false, "url": "https://github.com/tomkp/react-split-pane"}, {"content_hash": "8fab62f9bafb2b5a1c9a7325f9fe21367109844c66d0a388eb9e7c727a783cb0", "fetched_at": "2026-08-29T09:33:08.399562+00:00", "kind": "homepage", "missing": false, "url": "https://tomkp.github.io/react-split-pane"}, {"content_hash": "118e11c9d81cbb68cf7f9dd6dc3c4577369a893a1af39e743d8db0e710995cf4", "fetched_at": "2026-08-29T09:33:08.408541+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-split-pane"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 76, "longevity": 100, "rhythm": 71}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 4198, "days_push": 148, "days_rel": 195, "gap_med": 0, "n_releases_24m": 8}, "score": 79, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}