Install

Install the Sandpack dependency on your project.

npm i @codesandbox/sandpack-react

All the components and the bundler are packed inside the Sandpack component, which is a named export of the package. Besides that, the package contains multiple components, utilities and typings.

Quickstart

This should give you a nice code editor with a preview that runs in the browser.

Editable example

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

export default function App() {
  return <Sandpack />
}

Preview

Next steps

Templates & files

Learn how to add files to your projects and start coding in record time.

Themes

Design and customize your own theme and find other Sandpack presets.

Introduction Usage