VitePress MermaidInteractive Mermaid Diagrams

A VitePress custom theme for Mermaid diagram preview with fullscreen, zoom, and pan support

🎯

Click to Preview

Click on any Mermaid diagram in your docs to open it in fullscreen mode for better viewing.

🔍

Freely zoom in/out with mouse wheel or keyboard shortcuts, and drag to pan around large diagrams.

🌓

Automatically adapts to VitePress light/dark theme with smooth transitions.

⌨️

ESC to close, Ctrl/Cmd +/- to zoom, Ctrl/Cmd 0 to reset - intuitive and efficient.

📱

Mobile-friendly with touch gestures support for zooming and panning.

⚡

Simple setup with theme extension for quick integration.