Mermaid Editor

Seamlessly preview and edit Mermaid diagrams right inside Visual Studio Code.

Features

• Live Preview: View a side-by-side Mermaid diagram preview that updates as you type.
• Syntax Error Detection: Quickly spot syntax errors via the preview panel.
• Offline Support: Renders diagrams offline using bundled dependencies.
• Light/Dark Mode Support: Matches your VS Code theme.
• Edit On UI: Edit your mermaid on UI and see code update.

Usage

1. Open a .mmd or .mermaid file.
2. Run the command Mermaid-Editor: Open Preview via the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
3. Edit your mermaid code and see the diagram update live!

Extension Settings

No settings are currently required.

Release Notes

0.0.1

Initial release of Mermaid Editor