FormidableLabs/component-playground
A component for rendering React components with editable source and live preview observed · 2026-08-28
Health v2 · maintenance only
10/100
- Activity 0
- Release rhythm 8
- Longevity 100
Flags: archived
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4145
- days_rel: n/a
- days_push: 1664
- n_releases_24m: 0
Adoption not part of the score
1182 stars · 109 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A React component that renders other React components with editable source code and a live preview, powered by CodeMirror. It is typically used in component documentation to let users tweak JSX examples in the browser.
Use cases
- embed editable live code examples in React component docs
- build an interactive playground for React components
- let users edit JSX and see the rendered result instantly
- showcase component demos with collapsible code blocks
- document a component library with runnable examples
When to choose
- you maintain a React component library and want interactive documentation examples
- you need a lightweight, embeddable live-editing playground inside a React app
When to avoid
- you need a full standalone IDE-like playground such as CodeSandbox or StackBlitz
- your project no longer uses legacy React APIs, as the library targets older React versions and has seen little maintenance since 2022
Facets
library · maturity maintenance
ui-components developer-tools frontend web-development developer-tools documentation browser react live-preview code-editor codemirror jsx component-playground documentation nodejs web-server
2 sources
- readme: https://github.com/FormidableLabs/component-playground · fetched 2026-08-28 · 7702449eb575
- registry_npm: https://registry.npmjs.org/component-playground · fetched 2026-08-29 · ebabe1adcf26
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| FormidableLabs/component-playground | main | 10 |
For agents
markdown · JSON · MCP: product_card(name="FormidableLabs/component-playground")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem