mermaid/docs/integrations.md

Integrations

Edit this Page

The following list is a compilation of different integrations and plugins that allow the rendering of mermaid definitions

They also serve as proof of concept, for the variety of things that can be built with mermaid.

Productivity

• GitLab (Native support)
• Azure Devops (Native support)
• GitHub
  • Github action: Compile mermaid to image
  • svg-generator
• GitBook
  • Mermaid Plugin
  • Markdown with Mermaid CLI
  • Mermaid plugin for GitBook
• 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-mermid-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
• TiddlyWiki
  • mermaid-tw5-plugin

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
• Brackets
  • Mermaid Preview
• Iodide
  • iodide-mermaid-plugin

Document Generation

• Sphinx
  • sphinxcontrib-mermaid
• remark.js
  • remark-mermaid
• jSDoc
  • jsdoc-mermaid
• MkDocs
  • MarkdownMermaid
• Type Doc
  • typedoc-plugin-mermaid

Chrome Extensions

• Mermaid Diagrams
• GitHub + Mermaid
• Mermaid Markdown
• Monkeys
• Asciidoctor Live Preview works in the new IE as well
• Chrome Diagrammer
• Diagram Tab

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