Dark theme for Sandpack and 341+ apps


Sandpack Theme Preview


Sandpack by CodeSandbox


After the Sandpack installation and proper configuration, you can configure Dracula Theme through theme support.

To use Dracula Theme, install the @codesandbox/sandpack-themes package; this official open source package contains all the Sandpack compatible themes.

npm install @codesandbox/sandpack-themes
# or
yarn add @codesandbox/sandpack-themes

Activating theme

  1. Now let's import the package.
import { dracula } from "@codesandbox/sandpack-themes";
  1. And in the Sandpack instance let's reference it.
<Sandpack theme={dracula} />
  1. Boom! It's working! 🦇

You can also read the official Sandpack doc on how to do this installation.

There is also this repository with an example with NextJs.

Stay up to date

Get updates about this theme and more. 7,266 people enjoy it.


This theme wouldn't exist without these people. Wanna help too? Check the repository on GitHub.

  • zenorocha
  • luxonauta
  • danilowoz
Edit this documentation on GitHub.

Made with by Zeno Rocha
under MIT license