vitepress-plugin-peleMermaid diagrams, rendered at build time

Zero client-side JavaScript. Inline SVG. SSR-ready. Theme-aware.

⚡
Build-time rendering
Pele turns mermaid fences into inline SVG while VitePress builds. Nothing diagram-related ships to the browser.
🧩
Zero client JS
No mermaid.js bundle, no hydration step and no layout shift.
🌗
Light and dark
Diagrams follow the VitePress palette through CSS variables, without re-rendering.
🌐
SSR and no-JS friendly
Crawlers, print output and readers without JavaScript still get the diagram.
🛠
Errors you can act on
A broken diagram warns with its file and line, or fails CI with onError "throw".
📦
Markdown-it core
The VitePress entry is a thin wrapper around a generic markdown-it plugin.

A diagram, right now

This is a plain mermaid fence, compiled during the build and served as inline SVG.

Toggle the color mode in the navbar. The SVG does not re-render — it is themed with CSS variables.

Continue with the quick start or browse the diagram gallery.