# codesandbox/sandpack

A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.

Repository: https://github.com/codesandbox/sandpack
Canonical: https://ross.abutalabs.com/products/sandpack
Homepage: https://sandpack.codesandbox.io
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: reactjs, documentation, sandbox, live-coding, playground, hacktoberfest, sandpack
Last push: 2025-04-24T13:17:28+00:00

## Health v2 (maintenance only)
Score: 42/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 18, release rhythm 40, longevity 100
- inputs: {"age_days": 2021, "days_push": 496, "days_rel": 565, "gap_med": 2.5, "n_releases_24m": 11}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6223, forks 482 (observed 2026-08-28T04:09:40.683175+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: ui-components, frontend-framework, editor, sdk
- domain: web-development, frontend, developer-tools, documentation, education
- platform: browser
- tags: live-coding, code-editor, sandbox, playground, react, codesandbox, interactive-docs, in-browser-bundler, web-server, nodejs, javascript

## Member repositories
- codesandbox/sandpack (main) score 42

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:40.683175+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:47:14.530572+00:00, confidence not recorded.
  - readme: https://github.com/codesandbox/sandpack (fetched 2026-08-28T04:09:40.683175+00:00, sha 6e9c80ad48d2)
  - homepage: https://sandpack.codesandbox.io (fetched 2026-08-29T08:44:00.831982+00:00, sha 67da4b3a39f4)
  - site_page: https://sandpack.codesandbox.io/docs (fetched 2026-08-29T08:44:00.841766+00:00, sha 026828df2078)
  - site_page: https://sandpack.codesandbox.io/docs/getting-started/custom-content (fetched 2026-08-29T08:44:00.843755+00:00, sha 4d4e3f3f1b63)
  - site_page: https://sandpack.codesandbox.io/docs/getting-started/usage (fetched 2026-08-29T08:44:00.845503+00:00, sha df63968c99b2)
  - site_page: https://sandpack.codesandbox.io/docs/getting-started/layout (fetched 2026-08-29T08:44:00.847386+00:00, sha 2d1d4b8e6040)
  - site_page: https://sandpack.codesandbox.io/docs/getting-started/themes (fetched 2026-08-29T08:44:00.849154+00:00, sha 54929b3a7528)
  - site_page: https://sandpack.codesandbox.io/docs/advanced-usage/components (fetched 2026-08-29T08:44:00.850815+00:00, sha 8e4d4b50f0a7)
  - site_page: https://sandpack.codesandbox.io/docs/advanced-usage/provider (fetched 2026-08-29T08:44:00.852905+00:00, sha e9eb2b9469b1)
  - site_page: https://sandpack.codesandbox.io/docs/advanced-usage/client (fetched 2026-08-29T08:44:00.854550+00:00, sha 3a55de536416)
- Data as of 2026-08-30T08:39:29.467469+00:00.