Transform static Mermaid diagrams into interactive visualizations in VitePress. Enable smooth zooming, panning, fullscreen dialogs, and dynamic theme adaptations.
Stay up to date with new releases in the CHANGELOG.
- Smooth Zooming: Incrementally zoom in/out with reactive percentage readouts.
- Intuitive Panning: Drag to navigate and explore complex, multi-layered diagrams.
- Single-Click Code Copy: Extract raw Mermaid source code instantly.
- Instant View Reset: Restore zoom, pan, and transform coordinates to default in one click.
- Flexible Fullscreen Modes: Choose between native browser Fullscreen API or custom inline modal overlays.
- Vibrant Adaptive Themes: Smoothly matches Light/Dark mode transitions.
- Static SVG Mode: Render theme-aware diagrams without controls, navigation, fullscreen, or downloads.
- High-Quality Downloads: Export and download diagrams as SVG, PNG, or JPG.
- Complete Customization: Selectively toggle toolbar buttons per display mode (desktop, mobile, fullscreen).
- i18n Support: Easily localize all tooltips and states dynamically using VitePress locale data.
For full configuration guidelines, advanced security options, custom toolbar settings, multilinguality (i18n) setups, and live sandbox demonstrations, please visit official website:
vitepress-mermaid-renderer.vercel.app
Please refer to CONTRIBUTING.md for more details.
If you found this project helpful, please consider giving it a star on GitHub!