Myrmaid
Transform Mermaid Code into Beautiful Interactive Diagrams
At a Glance
Category: Browser Extension / Developer Tools Platforms: Chrome, Edge (Chromium) | Safari (Coming Soon) Price: Free Privacy: No data collection, fully local processing Status: Available on Chrome Web Store
What It Does
Automatically detects and renders Mermaid diagrams on any webpage you visit. View flowcharts, sequence diagrams, and 20+ other diagram types with professional, interactive controls—right in your browser.
Key Features
✓ Zero Setup – Install and start seeing diagrams immediately ✓ Universal Detection – Works on GitHub, GitLab, Stack Overflow, docs sites, and more ✓ Interactive Controls – Pan, zoom, minimap navigation for complex diagrams ✓ Multi-Format Export – SVG, PNG, and source code ✓ Privacy First – No tracking, no data collection, everything runs locally ✓ Theme Support – Default, dark, forest, neutral themes
Perfect For
👨💻 Software Developers 📚 Technical Writers 🔧 DevOps Engineers 👥 Team Collaborators 🎓 Students & Educators
Technical Highlights
- Built with TypeScript 5.8+ (strict mode)
- Manifest V3 architecture
- SOLID principles + Dependency Injection
- Enterprise-grade security (XSS prevention, CSP compliant)
- Comprehensive test coverage
- ~338KB content bundle (tree-shaken)