Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>View MermaidNew to Visual Studio Code? Get it now.
View Mermaid

View Mermaid

Shilirong

|
567 installs
| (0) | Free
A powerful Mermaid diagram preview extension for Visual Studio Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

MemMaid Plugin for VSCode

A VSCode extension for real-time preview and rendering of Mermaid diagrams.

Features

  • Real-time Mermaid diagram preview
  • Support for multiple document formats (Markdown, Text, etc.)
  • Smart detection of Mermaid code blocks
  • High-performance rendering, smooth user experience
  • Custom theme and style support

Installation

[Coming soon to VSCode Extension Marketplace]

How to Use

  1. Open a document containing Mermaid diagrams in VSCode
  2. The extension will automatically detect Mermaid code blocks
  3. A preview icon will appear next to the code block
  4. Click the preview icon or use the shortcut to view the rendered diagram

Supported Diagram Types

  • Flowcharts
  • Sequence Diagrams
  • Gantt Charts
  • Class Diagrams
  • State Diagrams
  • Pie Charts
  • Entity-Relationship Diagrams
  • User Journey Maps

Configuration Options

[To be added]

Contributing Guidelines

[To be added]

License

MIT

Contact

[To be added]

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft