Sandpack

Sandpack

A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
GitHub
4.21k
Created 3 years ago, last commit 10 days ago
71 contributors
1.02k commits
Stars added on GitHub, month by month
12
1
2
3
4
5
6
7
8
9
10
11
2022
2023
Stars added on GitHub, per day, on average
Yesterday
+2
Last week
+1.1 /day
Last month
+1.9 /day
Last 12 months
+3.8 /day
Package on NPM
Monthly downloads on NPM
12
1
2
3
4
5
6
7
8
9
10
11
2022
2023
README

Component toolkit for live running code editing experiences

Sandpack

Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.

Learn more about Sandpack

Edit in CodeSandbox

Sandpack Client

This is a small foundation package that sits on top of the bundler. It is framework agnostic and facilitates the handshake between your context and the bundler iframe.

Read more

Sandpack React

React components that give you the power of editable sandboxes that run in the browser.

import { Sandpack } from "@codesandbox/sandpack-react";

<Sandpack template="react" />;

Read more

Sandpack Themes

A list of themes to customize your Sandpack components.

import { githubLight } from "@codesandbox/sandpack-themes";

<Sandpack theme={githubLight} />;

Read more