vitepress-plugin-mermaid-diagramDiagrams without mermaid.js

Build-time Mermaid-compatible SVG rendering. No client-side JS. No heavy dependencies.

Zero client-side JS

All parsing and SVG rendering happens at build time. Your users download pure SVG.

Use the familiar Mermaid syntax you already know. Drop-in replacement for mermaid.js code blocks.

Flowcharts, sequence diagrams, and class diagrams with full shape and arrow support.

Custom Sugiyama layout engine. No dagre, no mermaid.js. Just pure SVG output.

Write this in your markdown:

```mermaid
graph LR
  A[Markdown] --> B[Parser]
  B --> C[Layout Engine]
  C --> D[SVG Output]
```

And you get:

graph LR
  A[Markdown] --> B[Parser]
  B --> C[Layout Engine]
  C --> D[SVG Output]