Visit Mermaid  →
Open source

Diagrams generated from plain-text syntax, renderable inside Markdown.

PriceFree
PlatformsWeb

Why we recommend it

Because diagrams are text, they live in the repo next to the code and stay reviewable in pull requests — the fix for documentation diagrams that silently go stale.

Strengths

  • Diagrams version-control properly as text
  • Renders natively in GitHub, GitLab and Notion
  • No separate tool to open or licence

Keep in mind

  • Limited layout control — the engine decides positioning
  • Complex diagrams become hard to read
  • Not suited to freeform or visually designed diagrams
Is this your tool? Claim this page for free: check the facts, reply to our review and get a badge for your site.
Claim this page

How much does Mermaid cost?

Free — Free.

List price, excluding tax. Compare prices across the directory.

Get a badge for your site

Link back to your listing and let people know it’s featured here — no account needed, just copy the code below onto your own site.

Featured on The Design Tools
<a href="https://thedesigntools.site/tools/mermaid/" style="display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #E6E6E6;border-radius:999px;font:600 13px sans-serif;color:#171717;text-decoration:none"><span aria-hidden="true">◆</span> Featured on <strong>The Design Tools</strong></a>

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.