Warning

THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.

Please edit the corresponding file in /packages/mermaid/src/docs/ecosystem/integrations-community.md.

Integrations

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.

Community integrations

Below are a list of community plugins and integrations created with Mermaid.

Productivity tools

✅ = Native support

• Atlassian Products
  • Mermaid for Confluence
  • Mermaid Integration for Confluence
  • Mermaid Charts & Diagrams for Confluence
  • Mermaid Diagrams for Confluence
  • Mermaid Live Editor for Confluence Cloud
  • Mermaid Macro for Confluence
  • Mermaid Plugin for Confluence
  • EliteSoft Mermaid Charts and Diagrams
  • Auto convert diagrams in Jira
  • Mermaid Charts & Diagrams for Jira
  • Mermaid for Jira Cloud - Draw UML diagrams easily
  • CloudScript.io Mermaid Addon
• Azure Devops ✅
• Deepdwn ✅
• GitBook
  • Mermaid Plugin
  • Mermaid plugin for GitBook
  • Markdown with Mermaid CLI
• Gitea ✅
• GitHub ✅
  • Using code blocks ✅
  • GitHub action: Compile mermaid to image
  • GitHub Writer
  • SVG diagram generator
• GitLab ✅
• Mermaid Plugin for JetBrains IDEs
• Joplin ✅
• LiveBook ✅
• Tuleap ✅
• Mermaid Flow Visual Editor ✅
• Mermerd
• Slab ✅
• Swimm ✅
• NotesHub ✅
• Notion ✅
• Observable ✅
• Obsidian ✅
• Redmine
  • Mermaid Macro
  • Markdown for mermaid plugin
  • redmine-mermaid
• Visual Studio Code Polyglot Interactive Notebooks

CRM/ERP

Customer Relationship Management/Enterprise Resource Planning

• coreBOS

Blogging

Blogging frameworks and platforms

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

CMS/ECM

Content Management Systems/Enterprise Content Management

• Grav CMS
  • Mermaid Diagrams Plugin
  • GitLab Markdown Adapter
• VitePress
  • Plugin for Mermaid.js
• VuePress
  • Plugin for Mermaid.js

Communication

Communication tools and platforms

• Discourse
  • Mermaid Plugin
• Mattermost
  • Mermaid Plugin
• NodeBB
  • Mermaid Parser Plugin
• phpBB
  • phpbb-ext-mermaid
• Slack
  • Mermaid Preview

Wikis

• DokuWiki
  • ComboStrap
  • Mermaid Plugin
• Foswiki
  • Mermaid Plugin
• MediaWiki
  • Flex Diagrams Extension
  • Mermaid Extension
• PmWiki
  • MermaidJs Cookbook recipe
• Semantic Media Wiki
  • Mermaid Plugin
• TiddlyWiki
  • mermaid-tw5: wrapper for Mermaid Live
  • tw5-mermaid: plugin for managing Mermaid.js tiddlers

Editor Plugins

• Atom (Atom has been archived.)
  • Markdown Preview Enhanced
  • Atom Mermaid
  • Language Mermaid Syntax Highlighter
• Astah
  • Export to Mermaid
• Brackets
  • Mermaid Preview
• CKEditor
  • CKEditor 5 Mermaid plugin
• Draw.io
  • Mermaid Plugin
• GNU Emacs
  • Major mode for .mmd files
  • Org-Mode integration
• GNU Nano
  • Nano Mermaid
• Google docs
  • Mermaid plugin for google docs
• Inkdrop
  • Mermaid Plugin
• Light Table
  • Mermaid Plugin
• Markdown-It
  • Textual UML Parser
  • Mermaid Plugin
  • md-it-mermaid
  • markdown-it-mermaid-fence-new
  • markdown-it-mermaid-less
• Podlite
  • =Diagram block
• Standard Notes
  • Mermaid Extension
• Sublime Text 3
  • Mermaid Package
• VS Code
  • Mermaid Editor
  • Mermaid Export
  • Markdown PDF
  • Markdown Preview Mermaid Support
  • Markdown Preview Enhanced
  • Mermaid Preview
  • Preview
  • Preview Sequence Diagrams
  • Mermaid Markdown Syntax Highlighting
• Vim
  • Vim Diagram Syntax
  • Official Vim Syntax and ft plugin

Document Generation

• Codedoc
  • codedoc-mermaid-plugin
• Docsy Hugo Theme (native support in theme)
• Docusaurus ✅
• Gatsby
  • gatsby-remark-mermaid
• JSDoc
  • jsdoc-mermaid
• mdBook
  • mdbook-mermaid
• MkDocs
  • mkdocs-mermaid2-plugin
  • mkdocs-material, check the docs
  • Quarto
• rehype
  • rehype-mermaid
• remark
  • remark-mermaidjs
• Sphinx
  • sphinxcontrib-mermaid
• Type Doc
  • typedoc-plugin-mermaid
• Typora ✅

Browser Extensions

Other

• Bisheng
  • bisheng-plugin-mermaid
• ExDoc
  • Rendering Mermaid graphs
• Jekyll
  • jekyll-mermaid
  • jekyll-mermaid-diagrams
• mermaid-isomorphic
• mermaid-server: Generate diagrams using a HTTP request
• NiceGUI: Let any browser be the frontend of your Python code
  • ui.mermaid(...)
• Reveal.js
  • reveal.js-mermaid-plugin
• Reveal CK
  • reveal-ck-mermaid-plugin
• mermaid-isomorphic
• mermaid-server: Generate diagrams using a HTTP request
• ExDoc
  • Rendering Mermaid graphs
• NiceGUI: Let any browser be the frontend of your Python code
  • ui.mermaid(...)
  • ui.markdown(..., extras=['mermaid'])