Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mermaid RetinaNew to Visual Studio Code? Get it now.
Mermaid Retina

Mermaid Retina

Sangeeth Kariyapperuma

|
2 installs
| (1) | Free
Mermaid export toolkit: PNG/JPG/PDF/SVG, quality output, deep customization.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mermaid Retina

Focus

  • High-quality exports
  • Multi-format output
  • Deep customization

How To Use

  1. Create yourfilename.mmd
  2. Write Mermaid graph code
  3. Right-click in editor
  4. Click Mermaid Retina: Open Workbench
  5. Accept browser open prompt
  6. Browser workbench opens

Video Preview

Export Formats

  • PNG export
  • JPG export
  • PDF export
  • SVG export
  • MMD source

Customization

  • Theme presets
  • Scale control
  • PDF size
  • Transparent BG
  • Canvas background

VS Code Plugin

  • Right-click launch
  • Command palette
  • Mermaid syntax
  • Mermaid language
  • Mermaid file icons

Default URL

  • GitHub Pages
  • https://nipunsgeeth.github.io/Mermaid-Retina

Command

  • Mermaid Retina: Open Workbench

Setting

  • mermaidRetina.workbenchUrl

License

  • MIT License
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft