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} />;