A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
See the code
Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.
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.
React components that give you the power of editable sandboxes that run in the browser.
import { Sandpack } from "@codesandbox/sandpack-react";
<Sandpack template="react" />;
A list of themes to customize your Sandpack components.
import { githubLight } from "@codesandbox/sandpack-themes";
<Sandpack theme={githubLight} />;
(top 24 of 93)
3,570 followers · starred Dec 2021
673 followers · starred Apr 2023
10,732 followers · starred Feb 2023
1,712 followers · starred May 2023
A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.
See the code
Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.
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.
React components that give you the power of editable sandboxes that run in the browser.
import { Sandpack } from "@codesandbox/sandpack-react";
<Sandpack template="react" />;
A list of themes to customize your Sandpack components.
import { githubLight } from "@codesandbox/sandpack-themes";
<Sandpack theme={githubLight} />;
(top 24 of 93)
3,570 followers · starred Dec 2021
673 followers · starred Apr 2023
10,732 followers · starred Feb 2023
1,712 followers · starred May 2023