Warning
Please edit the corresponding file in /packages/mermaid/src/docs/ecosystem/integrations.md.
Applications that support mermaid files SHOULD use .mermaid or .mmd file extensions.
The recommended MIME type for mermaid media is text/vnd.mermaid.
IANA recognition pending.
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)
- 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)
- Slab (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
- CKEditor
- 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
| 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 | 🎡🔗 | - | - | - | - |