slidev-addon-d2

slidev-addon-d2D2 Diagrams in Slidev

Write D2 in fenced code blocks, get rendered SVGs in your slides.

Beautiful Diagrams

Full D2 language support — flowcharts, sequence diagrams, containers, styling, and more.

Zero Config

Add the addon, write a ```d2 code block, done. No CLI tools to install.

WASM Powered

Renders entirely in the browser using the official @terrastruct/d2 WASM package.

Dark Mode

Diagrams automatically switch themes when you toggle Slidev's dark mode.

See it in action