Gemini Mermaid Renderer icon

Gemini Mermaid Renderer

by Hatomalu · Tools
Manifest V3 Free
View in Chrome Web Store Data as of 16 Oct 2026

Adds a "Mermaid" button to Gemini code blocks to render Mermaid diagrams.

Users
836
+258 in 30 days
Rating
5.0 / 5
unchanged in 30 days
Ratings
4
0 in 30 days
Store rank
#34K
#29K among extensions
Version
2.0.0
updated 28 May 2026

Users

monthly, 8 months
0418836Feb 2026Jul 2026Oct 2026
Latest, 16 Oct 2026: 836 usersMove the mouse over the chart for any month

Ratings count

monthly, 8 months
024Feb 2026Jul 2026Oct 2026
Latest, 16 Oct 2026: 4 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Gemini Mermaid Renderer

Updated to Ver 2.0.0! Now supports the new Gemini UI. "Gemini Mermaid Renderer" is a Chrome extension that instantly converts Mermaid text generated by Gemini into visual diagrams. [Instantly Visualize AI Responses 📊] Without the hassle of copying and pasting Mermaid code from Gemini into other tools, you can view it directly as a diagram right on the chat screen. It converts complex text information into easy-to-understand charts, such as flowcharts, sequence diagrams, system architecture diagrams, and Gantt charts. [Convenient Features] ・🔍 Zoom Function: Even complex and large system diagrams can be clearly viewed down to the finest details using zoom in/out controls. ・💾 Image Save: Generated charts can be downloaded as PNG images with a single click. You can paste them directly into presentation slides or documents for immediate use. ・🌓 Dark Mode Support: The chart's background and text colors automatically adapt to Gemini's theme, maintaining a clear and visually appealing design. [How to Use] 1. Install this extension in Chrome. 2. Ask Gemini to "Create a diagram of [topic] using Mermaid." 3. Click the pink "Mermaid" button at the top right of the generated code block to render the chart! [Setup Tips] Follow the guide displayed during initial installation to configure custom instructions. This will prompt Gemini to automatically output in Mermaid syntax, significantly improving your workflow.

Growth

WindowUsersChangeRatingsRating
7 days+52+6.6%00.00
30 days+258+44.6%00.00
6 months+748+850.0%+30.00

Version history

4 versions recorded
2.0.028 May 2026
1.1.122 Apr 2026
1.1.018 Apr 2026
1.0.110 Feb 2026

Details

Category
Tools
First seen
10 Feb 2026
Size
888 KB
Languages
de, en, en-GB, en-US, fil, id, ms, nl
Pricing
Free
Extension ID
foijjhbimgpajefepdmpbnogjlcabdhf

Permissions and risk

Moderate riskimpact 2, likelihood 2
Permissions
storage
Site access
https://gemini.google.com/*

Alternatives to Gemini Mermaid Renderer

Extensions that rank for the same store searches or share the Tools category, ordered by users