
Mermaid
Render Mermaid diagrams in real-time with live preview, browser refresh, WebSocket updates, and SVG/PNG/PDF export plus
Installation
Paste the snippet below into your client's config.
Installation
Quick info
- Category
- Developer Tools
- Transport
- STDIO
- License
- MIT
- GitHub stars
- 135
- Views
- 1,108
Compatible with
- Claude Code
- Claude Desktop
- codex
- Cursor
- gemini-cli
- VS Code
- Windsurf
Found in: mcp.directory
Overview
Renders Mermaid diagrams in real-time with live preview capabilities, automatic browser refresh, and WebSocket-based updates, supporting SVG, PNG, and PDF formats with pan/zoom functionality and collaborative editing integration.
Related servers

Specif-ai
by vj-presidio
28,138Claude CodeClaude Desktopcodex
Official

Grafana
by grafana
2,924Claude CodeClaude Desktopcodex
Official

Laravel Boost
by laravel
3,439
Official

XcodeBuild MCP
by sentry
5,350Claude DesktopCursorVS Code

DevDocs MCP
by cyberagi
2,061Claude DesktopCursorVS Code

Claude Context
by zilliztech
9,933Claude CodeClaude Desktopcodex