Item logo image for Mermaid Translator

Mermaid Translator

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

4.8

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

Notion Charts

0.0

A simple chart plugin for Notion, powered by Mermaid.

Mermaid to PlantUML Converter

3.0

Converts Mermaid diagrams to PlantUML

Text Highlighter

0.0

Highlight selected text on any webpage

Mermaid diagram renderer for GitHub

5.0

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

PlantUML to Mermaid Converter

5.0

Convert PlantUML diagrams to Mermaid syntax

Gemlens: Diff & sync tools for AI editing workspace | Gemini

5.0

Gemini Canvas editing upgrade | VS Code-style visual Diff, change-safety, local sync

Mermaid Architect: AI-Native Diagram Companion

4.0

Auto-detect and preview Mermaid diagrams from ChatGPT/Gemini in your sidebar. Privacy-first & developer-friendly.

Gemini Mermaid Renderer

5.0

Adds a 'Mermaid' button to code blocks in Gemini to render Mermaid diagrams.

GenAI Translator

4.6

Translate selected text using Google Gemini API

InstaPrompt

0.0

Execute predefined prompts on selected text.

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.

Notion Charts

0.0

A simple chart plugin for Notion, powered by Mermaid.

Mermaid to PlantUML Converter

3.0

Converts Mermaid diagrams to PlantUML

Text Highlighter

0.0

Highlight selected text on any webpage

Mermaid diagram renderer for GitHub

5.0

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

PlantUML to Mermaid Converter

5.0

Convert PlantUML diagrams to Mermaid syntax

Gemlens: Diff & sync tools for AI editing workspace | Gemini

5.0

Gemini Canvas editing upgrade | VS Code-style visual Diff, change-safety, local sync

Mermaid Architect: AI-Native Diagram Companion

4.0

Auto-detect and preview Mermaid diagrams from ChatGPT/Gemini in your sidebar. Privacy-first & developer-friendly.

Google apps