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.
INFO
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
- Azure Devops ✅
- Deepdwn ✅
- Doctave ✅
- GitBook
- Gitea ✅
- GitHub ✅
- GitLab ✅
- Mermaid Plugin for JetBrains IDEs
- MonsterWriter ✅
- Joplin ✅
- LiveBook ✅
- Slidev ✅
- Tuleap ✅
- Mermaid Flow Visual Editor ✅
- Mermerd
- Slab ✅
- Swimm ✅
- NotesHub ✅
- Notion ✅
- Observable ✅
- Obsidian ✅
- Redmine
- Visual Studio Code Polyglot Interactive Notebooks
- Microsoft Loop ✅
LLM integrations
LLM integrations to create mermaid diagrams using AI from text descriptions.
CRM/ERP
Customer Relationship Management/Enterprise Resource Planning
Blogging
Blogging frameworks and platforms
CMS/ECM
Content Management Systems/Enterprise Content Management
Communication
Communication tools and platforms
Wikis
Editor Plugins
- Atom (Atom has been archived.)
- Astah
- Brackets
- CKEditor
- Draw.io
- GNU Emacs
- GNU Nano
- Google docs
- Inkdrop
- Light Table
- Markdown-It
- Podlite
- Standard Notes
- Sublime Text 3
- VS Code
- Vim
- Zed
Document Generation
- Astro
- Codedoc
- Docsy Hugo Theme ✅
- Docusaurus ✅
- Gatsby
- Jekyll
- JSDoc
- Madness
- mdBook
- MkDocs
- mkdocs-mermaid2-plugin
- mkdocs-material, check the docs
- Quarto ✅
- rehype
- remark
- Sphinx
- Type Doc
- 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 | 🎡🔗 | - | - | - | - |
Other
- Bisheng
- Blazorade Mermaid: Render Mermaid diagrams in Blazor applications
- Codemia: A tool to practice system design problems ✅
- ExDoc
- MarkChart: Preview Mermaid diagrams on macOS
- mermaid-isomorphic
- mermaid-server: Generate diagrams using a HTTP request
- NiceGUI: Let any browser be the frontend of your Python code ✅
- Reveal.js
- Reveal CK
- mermaid-isomorphic
- mermaid-server: Generate diagrams using a HTTP request