Simple Mermaid Preview

About

Mermaid diagram viewer and renderer for Chrome. Simple Mermaid Preview automatically detects and renders Mermaid diagrams — flowcharts, sequence diagrams and other diagrams

Works on AI chat tools, code repositories, wikis, note-taking apps, and any blog or documentation site that embeds Mermaid code blocks.

──────────────────────────────
FEATURES
──────────────────────────────
🌐 Allowed Sites manager — add/remove domains for auto-render (with explicit permission prompt)
🖼️ Live rendering of Mermaid code blocks into visual charts
🔎 Pan & zoom — drag to explore large diagrams, pinch to zoom, one-click reset
🔀 Toggle between rendered diagram and raw Mermaid source code per diagram
🎛️ Global on/off switch and auto-render toggle in the popup
🔒 100% local rendering — uses bundled Mermaid.js, no internet connection required

──────────────────────────────
WHY INSTALL THIS?
──────────────────────────────
AI assistants frequently output Mermaid diagrams as raw code which saves you token than other output. Without a renderer, you see walls of text instead of the actual diagram. Simple Mermaid Preview fixes this — the diagram renders right inside the chat, no copy-pasting to mermaid.live or any external tool needed.

Developers reading pull requests, wikis, or documentation pages with embedded Mermaid diagrams also benefit — every diagram renders inline, instantly.

──────────────────────────────
PERMISSIONS MODEL
──────────────────────────────
By default, the extension auto-renders on:
- https://chat.openai.com/*
- https://chatgpt.com/*
- https://claude.ai/*
- https://gemini.google.com/*


──────────────────────────────
PRIVACY
──────────────────────────────
🚫 No data collection. No external servers. No account required. The extension stores only two preference toggles (enabled / auto-render) in chrome.storage.sync on your own Google account. All diagram rendering happens locally in your browser.