Mermaid Previewer Sidebar
Extension Actions
Instantly preview Mermaid diagrams in a Chrome sidebar. Ideal for ChatGPT, markdown notes, and flowchart editing.
This Chrome extension enables real-time preview of Mermaid.js diagrams in a persistent sidebar, making diagram creation seamless and efficient. Perfect for AI chat workflows (ChatGPT, Gemini, Claude), Markdown editing, technical documentation, and flowchart design.
🟢 Key Features:
Real-time rendering of Mermaid diagrams as you type
Multiple themes including hand-drawn/sketch styles for visual variety
Easy download of diagrams as PNG or SVG files
Persistent sidebar that works alongside your browser tabs
One-click copy & paste support when chatting with AI assistants
Fully compatible with Markdown and popular note-taking apps
🚀 Enhance your productivity by instantly visualizing flowcharts, sequence diagrams, and graphs without switching contexts. Ideal for developers, writers, and anyone who uses Mermaid for quick diagramming.