codesandbox/sandpack
A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox. observed · 2026-08-28
Health v2 · maintenance only
42/100
- Activity 18
- Release rhythm 40
- 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: 2.5
- age_days: 2021
- days_rel: 565
- days_push: 496
- n_releases_24m: 11
Adoption not part of the score
6223 stars · 482 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Sandpack is a component toolkit by CodeSandbox for embedding live-running code editing experiences into web applications and documentation. It provides React components, themes, and a framework-agnostic client that compiles and runs JavaScript and Node.js code in the browser via the CodeSandbox bundler.
Use cases
- embed interactive code examples in documentation
- build a live coding playground in the browser
- create a low-code tool with in-browser code preview
- let users edit and run React or Vue snippets on a website
- add runnable code tutorials to a learning platform
- share bug reports as editable sandbox links
- run Node.js scripts in the browser for demos
When to choose
- you need editable, executable code examples embedded in docs or a site
- you want a React-based live coding environment with themes and presets
- you need in-browser bundling with npm dependency support and hot reloading
- you want a framework-agnostic client to build custom sandbox wrappers
When to avoid
- you only need static syntax-highlighted code snippets without execution
- your code must run in languages other than JavaScript/Node.js
- you need a full local IDE rather than an embedded browser sandbox
- you cannot rely on the CodeSandbox bundler infrastructure
Facets
library · maturity active
ui-components frontend-framework editor sdk web-development frontend developer-tools documentation education browser live-coding code-editor sandbox playground react codesandbox interactive-docs in-browser-bundler web-server nodejs javascript
10 sources
- readme: https://github.com/codesandbox/sandpack · fetched 2026-08-28 · 6e9c80ad48d2
- homepage: https://sandpack.codesandbox.io · fetched 2026-08-29 · 67da4b3a39f4
- site_page: https://sandpack.codesandbox.io/docs · fetched 2026-08-29 · 026828df2078
- site_page: https://sandpack.codesandbox.io/docs/getting-started/custom-content · fetched 2026-08-29 · 4d4e3f3f1b63
- site_page: https://sandpack.codesandbox.io/docs/getting-started/usage · fetched 2026-08-29 · df63968c99b2
- site_page: https://sandpack.codesandbox.io/docs/getting-started/layout · fetched 2026-08-29 · 2d1d4b8e6040
- site_page: https://sandpack.codesandbox.io/docs/getting-started/themes · fetched 2026-08-29 · 54929b3a7528
- site_page: https://sandpack.codesandbox.io/docs/advanced-usage/components · fetched 2026-08-29 · 8e4d4b50f0a7
- site_page: https://sandpack.codesandbox.io/docs/advanced-usage/provider · fetched 2026-08-29 · e9eb2b9469b1
- site_page: https://sandpack.codesandbox.io/docs/advanced-usage/client · fetched 2026-08-29 · 3a55de536416
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| codesandbox/sandpack | main | 42 |
For agents
markdown · JSON · MCP: product_card(name="codesandbox/sandpack")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem