Warning

THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.

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

We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created with Mermaid.

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

✅ = Native support

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

Customer Relationship Management/Enterprise Resource Planning

• coreBOS

Blogging frameworks and platforms

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

Content Management Systems/Enterprise Content Management

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

Communication tools and platforms

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

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

• VS Code
  • Markdown Preview Mermaid Support
  • Mermaid Preview
  • Markdown Preview Enhanced
  • 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 (Atom has been archived.)
  • 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
  • Official Vim Syntax and ftplugin
  • 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
• CKEditor
  • CKEditor 5 Mermaid plugin
• Standard Notes
  • sn-mermaid

• Docusaurus ✅
• Swimm - Up-to-date diagrams with Swimm, the knowledge management tool for code
• Sphinx
  • sphinxcontrib-mermaid
• remark
  • remark-mermaidjs
• rehype
  • rehype-mermaid
• Gatsby
  • gatsby-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
• Quarto
• Typora (native support)

• Jekyll
  • jekyll-mermaid
  • jekyll-mermaid-diagrams
• Reveal.js
  • reveal.js-mermaid-plugin
• Bisheng
  • bisheng-plugin-mermaid
• 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'])