Warning
Please edit the corresponding file in /packages/mermaid/src/docs/ecosystem/integrations-community.md.
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.
Below are a list of community plugins and integrations created with Mermaid.
✅ = Native support
- GitHub ✅
- GitLab ✅
- Gitea ✅
- Azure Devops ✅
- Tuleap ✅
- Mermaid Flow Visual Editor ✅
- Deepdwn ✅
- Joplin ✅
- Slab ✅
- Swimm ✅
- Notion ✅
- Observable ✅
- Obsidian ✅
- GitBook
- LiveBook ✅
- Atlassian Products
- Redmine
- Mermaid Plugin for JetBrains IDEs
- mermerd
- Visual Studio Code Polyglot Interactive Notebooks
Customer Relationship Management/Enterprise Resource Planning
Blogging frameworks and platforms
Content Management Systems/Enterprise Content Management
Communication tools and platforms
- 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
- 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)
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 | 🎡🔗 | - | - | - | - |