Simple Mermaid Preview

Preview Mermaid diagrams from AI chats like ChatGPT & Claude. Auto-renders flowcharts.

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.