MermaidEditorForVisualStudio icon indicating copy to clipboard operation
MermaidEditorForVisualStudio copied to clipboard

Render and preview mermaid (*.mmd) diagrams in the Visual Studio

Mermaid editor for VisualStudio

Visual Studio Marketplace Version

A very simple editor for Mermaid files(*.mmd, *.mermaid) in Visual Studio. You can download it from Visual Studio Marketplace.

  • live preview
  • generates diagrams in *.svg and *.png formats.
  • syntax highlighting
  • displays parsing errors

NTypewriter LivePreview

Warning Preview requires Microsoft Edge WebView2 to be installed on the machine.

Note Syntax highlighting is possible thanks to bpruitt-goddard/vscode-mermaid-syntax-highlight .