Sandpack

Dracula

Dark theme for Sandpack and 275+ apps

StarFork

Sandpack Theme Preview

18 views

Sandpack by CodeSandbox

Install

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. 6,079 people enjoy it.

Contributors

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

  • zenorocha
  • danilowoz
Edit this documentation on GitHub.

Made with by Zeno Rocha
under MIT license