integrations.md

Integrations

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.

Productivity

• 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)
• Joplin (Native support)
• Notion (Native support)
• Observable (Native support)
• GitBook
  • Mermaid Plugin
  • Markdown with Mermaid CLI
  • Mermaid plugin for GitBook
• LiveBook (Native support)
• Atlassian Products
  • Mermaid Plugin for Confluence
  • CloudScript.io Addon
  • Auto convert diagrams in Jira
• Redmine
  • Mermaid Macro
  • redmine-mermaid
  • markdown-for-mermaid-plugin

CRM/ERP/Similar

• coreBOS

Blogs

• Wordpress
  • WordPress Markdown Editor
  • WP-ReliableMD
• Hexo
  • hexo-filter-mermaid-diagrams
  • hexo-tag-mermaid
  • hexo-mermaid-diagrams

CMS

• VuePress
  • Plugin for Mermaid.js
  • vuepress-plugin-mermaidjs-cli
• Grav CMS
  • Mermaid Diagrams
  • Gitlab Markdown Adapter

Communication

• Discourse
  • Mermaid Plugin, And
• Mattermost
  • Mermaid Plugin
• phpBB
  • phpbb-ext-mermaid
• NodeBB
  • Mermaid Plugin

Wikis

• MediaWiki
  • Mermaid Extension
  • Flex Diagrams Extension
• Semantic Media Wiki
  • Mermaid Plugin
• FosWiki
  • Mermaid Plugin
• DokuWiki
  • Flowcharts
  • ComboStrap
• TiddlyWiki
  • mermaid-tw5: full js library
  • tw5-mermaid: wrapper for Mermaid Live

Editor Plugins

• Vs Code
  • Markdown Preview Mermaid Support
  • Mermaid Preview
  • Mermaid Markdown Syntax Highlighting
  • Mermaid Editor
  • Mermaid Export
  • Markdown PDF
  • Preview
  • Preview Sequence Diagrams
• Markdown-It
  • Textual UML Parser
  • Mermaid Plugin
  • md-it-mermaid
  • markdown-it-mermaid-fence-new
  • markdown-it-mermaid-less
• Atom
  • Markdown Preview Enhanced
  • Atom Mermaid
  • Language Mermaid Syntax Highlighter
• Sublime Text 3
  • Mermaid Package
• Astah
  • Export to Mermaid
• Light Table
  • Mermaid Plugin
• Draw.io - Plugin
• Inkdrop - Plugin
• Vim
  • Vim Diagram Syntax
• GNU Emacs
  • Major mode for .mmd files
  • Org-Mode integration
• Brackets
  • Mermaid Preview
• Iodide
  • iodide-mermaid-plugin
• Google docs
  • Mermaid plugin for google docs
• Podlite
  • Named block =Diagram
• GNU Nano
  • Nano Mermaid

Document Generation

• Sphinx
  • sphinxcontrib-mermaid
• remark.js
  • remark-mermaid
• jSDoc
  • jsdoc-mermaid
• MkDocs
  • mkdocs-mermaid2-plugin
  • mkdocs-material, check the docs
• Type Doc
  • typedoc-plugin-mermaid
• Docsy Hugo Theme (Native support in theme)
• Codedoc
  • codedoc-mermaid-plugin
• mdbook
  • mdbook-mermaid

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	🎡🔗	-	-	-	-
Mermaid Markdown	🎡🔗	-	-	-	-
Monkeys	🎡🔗	-	-	-	-
Mermaid Previewer	🎡🔗	-	-	-	-

Other

• Jekyll
  • jekyll-mermaid
  • jekyll-mermaid-diagrams
• Reveal.js
  • reveal.js-mermaid-plugin
• Bisheng
  • bisheng-plugin-mermaid
• Reveal CK
  • reveal-ck-mermaid-plugin
• mermaid-server: Generate diagrams using a HTTP request
• ExDoc
  • Rendering Mermaid graphs