Vitepress Sandbox

Use Sandpack as directive in md

A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.

Get Started

View on GitHub

🛠️

Multi-language support

⚡️

Full editor experience

Sandpack uses CodeMirror under the hood, giving you all the basic capabilities of a code editor and syntax highlight. However, if you want to use your own editor framework, you can add that as a component too!.

💡

Advanced preview

Sandpack embeds the browser bundler that powers CodeSandbox and takes advantage of features like npm dependency support, hot module reloading, error overlaying, and caching.

📦

Leverage CodeSandbox

With Sandpack, you're always one click away from opening your code snippet in CodeSandbox. This way, you can easily share bug reports or examples behind a unique URL.

Vitepress Sandbox

Multi-language support

Full editor experience

Advanced preview

Leverage CodeSandbox

Special Sponsor