Live coding in the browser.
Sandpack is a component toolkit for creating live-running code editing experiences, powered by the online bundler used on CodeSandbox.
It provides an open ecosystem of components and utilities that allow you to compile and run modern frameworks in the browser. You can either use one of our predefined components for embedding the CodeSandbox experience into your projects, or you can build your own version of sandpack, on top of our standard components and utilities.
As you walk through this guide, you will get deeper into our ecosystem.
Learn how to add Sandpack to your projects and start coding in record time.
Explore all Sandpack capabilities, such as console, tests and preview components.
Get an overview of some Sandpack capabilities and how to extend its API.
Sandpack Theme Builder
Design and customize your own theme and find other Sandpack presets.