Item logo image for Mermaid Translator

Mermaid Translator

Extension Tools 101 users
Item media 3 (screenshot) for Mermaid Translator
Item media 1 (screenshot) for Mermaid Translator
Item media 2 (screenshot) for Mermaid Translator
Item media 3 (screenshot) for Mermaid Translator
Item media 1 (screenshot) for Mermaid Translator
Item media 1 (screenshot) for Mermaid Translator
Item media 2 (screenshot) for Mermaid Translator
Item media 3 (screenshot) for Mermaid Translator

Overview

Render Mermaid diagram from selected text

🧜Mermaid Translator Short description: Mermaid Translator lets you instantly preview Mermaid code found on any web page, even if the site does not support Mermaid. Description: Mermaid Translator renders Mermaid diagrams from selected text on any web page. It works well with Mermaid snippets generated by AI chat services, as well as Mermaid code embedded in internal docs, wikis, or technical articles. No setup and no page-specific rules. Just select text and click. Key features: 1. Instant preview for AI-generated Mermaid code. View Mermaid diagrams directly from AI responses on the same page. 2. Works on non-Mermaid sites. Internal portals, custom web apps, and non-Markdown pages are supported. 3. Shadow DOM for stable rendering. Renders in an isolated overlay to avoid breaking complex UIs. 4. Pan and zoom support. Easily inspect large or dense diagrams. 5. Export as PNG or SVG. Save rendered diagrams for docs and presentations. 6. Themes and dark mode. Switch Mermaid themes to match your environment. How to use: 1. Select Mermaid text on a web page. 2. A small action button appears near your selection. 3. Click the button to render the diagram. Nothing runs automatically. You always stay in control. Works everywhere: Technical blogs and documentation. GitHub Issues and README. Internal tools and company wikis. Pages with unusual HTML structures. No dependency on Markdown blocks, tags, or specific sites. Unobtrusive by design: No auto rendering. No layout changes. No focus or scroll hijacking. No persistent UI. If rendering fails, it quietly does nothing. Privacy and security: No external network requests. No data collection. No analytics. All processing happens locally in your browser. License: MIT License. Provided "as is" without warranty of any kind.

Details

  • Version
    1.1.0
  • Updated
    January 15, 2026
  • Offered by
    harumiWeb
  • Size
    829KiB
  • Languages
    4 languages
  • Developer
    Email
    momocchi0415@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Mermaid Diagram Renderer

0.0

Automatically detects and renders Mermaid diagrams on any web page. Supports fullscreen view with drag/zoom and copy to clipboard.

Intelligent Chrome (iChrome) Assistant

0.0

AI-powered browser assistant with history, bookmarks, and downloads can act intelligently

WebVoiceAnimator

0.0

マイク音声でアニメーションを表示

Markdown Preview Plus

4.1

Converts and previews markdown files (.md, .markdown) to HTML(include TOC) right inside Chrome and support live reload

MarkView: Markdown Viewer with Mermaid Diagrams, Math & Export

5.0

Markdown viewer with syntax highlighting, Mermaid diagrams, KaTeX math, TOC, DOCX/HTML export, folder browser & themes.

Mermaid diagram renderer for GitHub

5.0

Render mermaid diagrams in markdown files in GitHub and GitHub Gist (mermaid@8.14.0).

Simple Mermaid Preview

5.0

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

Mermaid Diagrams for Bitbucket

0.0

Renders Mermaid diagram blocks in Bitbucket pull request descriptions and comments.

Markdown Viewer

4.3

Dark Mode • Themes • Autoreload • Mermaid Diagrams • MathJax • ToC • Syntax Highlighting

Mermaid Previewer

4.4

Preview and export mermaid.

Mermaid Diagram

4.8

Use Mermaid diagram: fast mermaid.js diagram maker & flow chart generator with Mermaid live editor for instant visual workflows.

Markdown Magician — Markdown 編輯器

5.0

在瀏覽器側邊面板或完整分頁隨時編輯 Markdown,支援即時預覽、Mermaid 流程圖、KaTeX 數學公式、多分頁管理。

Mermaid Diagram Renderer

0.0

Automatically detects and renders Mermaid diagrams on any web page. Supports fullscreen view with drag/zoom and copy to clipboard.

Intelligent Chrome (iChrome) Assistant

0.0

AI-powered browser assistant with history, bookmarks, and downloads can act intelligently

WebVoiceAnimator

0.0

マイク音声でアニメーションを表示

Markdown Preview Plus

4.1

Converts and previews markdown files (.md, .markdown) to HTML(include TOC) right inside Chrome and support live reload

MarkView: Markdown Viewer with Mermaid Diagrams, Math & Export

5.0

Markdown viewer with syntax highlighting, Mermaid diagrams, KaTeX math, TOC, DOCX/HTML export, folder browser & themes.

Mermaid diagram renderer for GitHub

5.0

Render mermaid diagrams in markdown files in GitHub and GitHub Gist (mermaid@8.14.0).

Simple Mermaid Preview

5.0

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

Mermaid Diagrams for Bitbucket

0.0

Renders Mermaid diagram blocks in Bitbucket pull request descriptions and comments.

Google apps
Create a Mobile Website
View Site in Mobile | Classic
Share by: