Integrations
Official integration: Mermaid Chart
We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created with Mermaid.
Community integrations
Below are a list of community plugins and integrations created with Mermaid.
Productivity tools
✅ = Native support
- GitHub ✅
- GitLab ✅
- Gitea ✅
- Azure Devops ✅
- Tuleap ✅
- Mermaid Flow Visual Editor ✅
- Deepdwn ✅
- Joplin ✅
- Slab ✅
- Swimm ✅
- Notion ✅
- Observable ✅
- Obsidian ✅
- NotesHub ✅
- GitBook
- LiveBook ✅
- Atlassian Products
- Redmine
- Mermaid Plugin for JetBrains IDEs
- mermerd
- Visual Studio Code Polyglot Interactive Notebooks
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
- VS Code
- Markdown-It
- Atom (Atom has been archived.)
- Sublime Text 3
- Astah
- Light Table
- Draw.io - Plugin
- Inkdrop - Plugin
- Vim
- GNU Emacs
- Brackets
- Iodide
- Google docs
- Podlite
- GNU Nano
- CKEditor
- Standard Notes
Document Generation
- Docusaurus ✅
- Swimm - Up-to-date diagrams with Swimm, the knowledge management tool for code
- Sphinx
- remark
- rehype
- Gatsby
- JSDoc
- MkDocs
- mkdocs-mermaid2-plugin
- mkdocs-material, check the docs
- Type Doc
- Docsy Hugo Theme (native support in theme)
- Codedoc
- mdbook
- Quarto
- Typora (native support)
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 | 🎡🔗 | - | - | - | - |