Warning

THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.

Please edit the corresponding file in /packages/mermaid/src/docs/ecosystem/integrations-community.md.

Integrations

Official integration

Mermaid Chart

Mermaid Chart is built by the team behind Mermaid JS.

For more details, visit the Mermaid Chart page, or visit the Mermaid Chart website .

Community integrations

We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created by the community.

See the list below of community plugins and integrations created with Mermaid.

Note A ✅ indicates Native support for Mermaid on the respective platform.

To add an integration to this list, see the Integrations - create page.

Productivity tools

Atlassian Products
- Mermaid for Confluence
- Mermaid Integration for Confluence
- Mermaid Charts & Diagrams for Confluence
- Mermaid Diagrams for Confluence
- Mermaid Live Editor for Confluence Cloud
- Mermaid Macro for Confluence
- Mermaid Plugin for Confluence
- EliteSoft Mermaid Charts and Diagrams
- Auto convert diagrams in Jira
- Mermaid Charts & Diagrams for Jira
- Mermaid for Jira Cloud - Draw UML diagrams easily
- CloudScript.io Mermaid Addon
- Mermaid plus for Confluence
Azure Devops ✅
Deepdwn ✅
Doctave ✅
- Mermaid in Markdown code blocks ✅
Forgejo ✅
GitBook
- Mermaid Plugin
- Mermaid plugin for GitBook
- Markdown with Mermaid CLI
Gitea ✅
GitHub ✅
- Using code blocks ✅
- GitHub action: Compile mermaid to image
- GitHub Writer
- SVG diagram generator
GitLab ✅
GNU Octave ✅
- octave_mermaid_js ✅
HackMD ✅
JetBrains IDEs
- Mermaid Plugin
- Mermaid Studio
MonsterWriter ✅
Joplin ✅
LiveBook ✅
Slidev ✅
Tuleap ✅
Mermaid Flow Visual Editor ✅
Mermerd
Slab ✅
Swimm ✅
NotesHub ✅
Notion ✅
Observable ✅
Obsidian ✅
Outline ✅
Redmine
- Mermaid Macro
- Markdown for mermaid plugin
- redmine-mermaid
Visual Studio Code Polyglot Interactive Notebooks
Microsoft Loop ✅

LLM integrations

LLM integrations to create mermaid diagrams using AI from text descriptions.

HueHive - Create mermaid diagrams with text
MCP Server Mermaid - Generate mermaid diagram and chart with AI MCP dynamically.
Mermaid Studio - Leverage Mermaid Studio's code intelligence and diagram generation capabilities via MCP to create high-quality diagrams (requires a JetBrains IDE) using your favorite coding agent.

CRM/ERP

Customer Relationship Management/Enterprise Resource Planning

coreBOS

Blogging

Blogging frameworks and platforms

CMS/ECM

Content Management Systems/Enterprise Content Management

Communication

Communication tools and platforms

Wikis

Editor Plugins

Document Generation

Astro
- Adding diagrams to your Astro site with MermaidJS and Playwright
Codedoc
- codedoc-mermaid-plugin
Docsy Hugo Theme ✅
Docusaurus ✅
Gatsby
- gatsby-remark-mermaid
Jekyll
- jekyll-mermaid
- jekyll-mermaid-diagrams
JSDoc
- jsdoc-mermaid
Madness
mdBook
- mdbook-mermaid
MkDocs
- mkdocs-mermaid2-plugin
- mkdocs-material, check the docs
Quarto ✅
rehype
- rehype-mermaid
remark
- remark-mermaidjs
Sphinx
- sphinxcontrib-mermaid
Type Doc
- typedoc-plugin-mermaid
Typora ✅
Unison programming language ✅

Browser Extensions

Name	Chrome Web Store	Firefox Add-ons	Opera	Edge	Source/Repository
GitHub + Mermaid	-	🦊🔗	-	-	🐙🔗
Asciidoctor Live Preview	🎡🔗	-	-	🌀🔗	-
Diagram Tab	-	-	-	-	🐙🔗
Markdown Diagrams	🎡🔗	🦊🔗	-	🌀🔗	🐙🔗
Markdown Viewer	-	🦊🔗	-	-	🐙🔗
Extensions for Mermaid	-	-	🔴🔗	-	🐙🔗
Chrome Diagrammer	🎡🔗	-	-	-	-
Mermaid Diagrams	🎡🔗	-	-	-	-
Monkeys	🎡🔗	-	-	-	-
Mermaid Previewer	🎡🔗	-	-	-	-
Tachi Code	🎡🔗	🦊🔗	-	🌀🔗	-

Other