Mermaid Previewer

Preview and export mermaid.

Mermaid Previewer - Chrome Extension for Mermaid Code Preview

"Mermaid Previewer" is a Chrome extension designed to interpret and display mermaid code in a visually digestible format. It works by recognizing preset rules set in Markdown code block as mermaid, and displays the subsequent graph or diagram. The extension also offers custom rule configuration and fully processes all diagrams locally, eliminating the need for remote api calls. Further details and source code repository can be obtained from our main site.

Extension stats

By: zzzzzzzephyr

Users: 4,000+

Rating: 5.00

Version: 1.5.0 (Last updated: 2025-03-10)

Creation date: 2021-08-27

Permissions:

storage
downloads
activeTab
scripting

Host permissions:

https://*/*
file:///

Size: 7.78M

Email: zz*****@gmail.com

Full description: See detailed description

Ranking

# 15,031 ▲ 10

Other rankings

#806 in Developer Tools ▲ 5 #173 in preview keyword 17 ▲ 2 #176 in rule keyword 23 ▲ 5

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

User reviews

Worked fine until now, where it just breaks lots of pages for me. Sample: code.visualstudio.com now does not display styles properly.

by

Wando, 2025-03-10

Thank you! Too Bad BitBucket still does not do this.

by

Semeon Peradze, 2024-02-10

Primarily using this with bitbucket and haven't had any issues with it yet.

by

Jason Denning, 2023-03-17

View all user reviews

Extension safety

Risk impact

Mermaid Previewer requires a few sensitive permissions. Exercise caution before installing.

Risk impact analysis details

Critical Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
High ******* ******* **** *** ****** ***** *** ***** ** ******* **** ********* ********* ** * *********** *****
Medium ****** ********** ** ******** ********** *** ********* ******* ******** ****** ******** ****** ********
Low ******* ****** ** *** ********* ********

Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of Mermaid Previewer. Use it at your own risk.

Risk likelihood analysis details

High This extension was recently updated in the past month. New updates may not be stable or safe.
High **** ********* *** *** **** ****** ********* ********** *** *** ** ****** ** *****
Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
Good **** ********* ** * ******** ********* ** ****** *** *****
Good **** ********* *** **** **** *******

Upgrade to see full risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Mermaid Previewer:

Mermaid Graphical Editor

Markdown Diagrams

Mermaid extension

pierre.luc.garcia

Open in Mermaid editor

Markdown Reader

https://md-reader.github.io

Markdown Viewer

simov.github.io

Mermaid diagram renderer for GitHub

tanakafwd.publish

Chrome Diagrammer

Mermaid + Confluence 💘

mermaid-diagrams