Warning
Please edit the corresponding file in /packages/mermaid/src/docs/ecosystem/integrations.md.
The following list is a compilation of different integrations and plugins that allow the rendering of mermaid definitions within other applications.
They also serve as proof of concept, for the variety of things that can be built with mermaid.
- GitHub (Native support)
- Using code blocks (Native support)
- GitHub action: Compile mermaid to image
- svg-generator
- GitLab (Native support)
- Gitea (Native support)
- Azure Devops (Native support)
- Tuleap (Native support)
- Mermaid Flow Visual Editor (Native support)
- Deepdwn (Native support)
- Joplin (Native support)
- Swimm (Native support)
- Notion (Native support)
- Observable (Native support)
- Obsidian (Native support)
- GitBook
- LiveBook (Native support)
- Atlassian Products
- Redmine
- JetBrains IDE eg Pycharm
- mermerd
- Visual Studio Code Polyglot Interactive Notebooks
- 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
- Sphinx
- remark.js
- jSDoc
- MkDocs
- mkdocs-mermaid2-plugin
- mkdocs-material, check the docs
- Type Doc
- Docsy Hugo Theme (Native support in theme)
- Codedoc
- mdbook
| 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 | 🎡🔗 | - | - | - | - |