agneym/playground
A simple playground for HTML, CSS and JavaScript supporting module imports. observed · 2026-08-28
Health v2 · maintenance only
80/100
- Activity 95
- Release rhythm 49
- Longevity 100
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: 2487
- days_rel: 130
- days_push: 35
- n_releases_24m: 1
Adoption not part of the score
1110 stars · 157 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 an in-browser playground for HTML, CSS, and JavaScript code snippets, with live preview, console output, and support for bare ES module imports. It is designed for embedding interactive code demos in static blogs and documentation without loading third-party sites.
Use cases
- embed interactive code demos in a static blog
- let readers edit HTML/CSS/JS and see output in real time
- showcase JavaScript snippets with npm package imports
- add a live code preview component to React documentation
- display console output alongside code examples
When to choose
- you have a React site or blog and want self-hosted, embeddable code demos
- you need ES module imports from npm packages inside demos
- you want to avoid iframe embeds of third-party playground sites
When to avoid
- your site is not built with React
- you need a full standalone online editor like CodeSandbox or StackBlitz
- you need to demo frameworks or packages that lack ES module builds
Facets
library · maturity stable
ui-components frontend-framework developer-tools web-development frontend developer-tools education browser react-component code-playground live-preview es-module-imports code-demos styled-components web-server nodejs
2 sources
- readme: https://github.com/agneym/playground · fetched 2026-08-28 · 66f3110459a0
- homepage: https://www.agney.dev/blog/introducing-playground · fetched 2026-08-29 · fa30de589e0e
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| agneym/playground | main | 80 |
For agents
markdown · JSON · MCP: product_card(name="agneym/playground")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem