Mermaid Previewer Sidebar

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.