21.6 KB282 lines
Blame
1> **Warning**
2>
3> ## THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.
4>
5> ## Please edit the corresponding file in [/packages/mermaid/src/docs/ecosystem/integrations-community.md](../../packages/mermaid/src/docs/ecosystem/integrations-community.md).
6
7# Integrations
8
9## Official integration
10
11### Mermaid Chart
12
13Mermaid Chart is built by the team behind Mermaid JS.
14
15For more details, visit the [Mermaid Chart page](./mermaid-chart.md), or visit the [Mermaid Chart website](https://mermaid.ai) .
16
17## Community integrations
18
19We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created by the community.
20
21See the list below of community plugins and integrations created with Mermaid.
22
23> **Note**
24> A ✅ indicates Native support for Mermaid on the respective platform.
25
26To add an integration to this list, see the [Integrations - create page](./integrations-create.md).
27
28### Productivity tools
29
30- [Atlassian Products](https://www.atlassian.com)
31 - [Mermaid for Confluence](https://marketplace.atlassian.com/apps/1224722/mermaid-for-confluence?hosting=cloud&tab=overview)
32 - [Mermaid Integration for Confluence](https://marketplace.atlassian.com/apps/1222792/mermaid-integration-for-confluence?hosting=cloud&tab=overview)
33 - [Mermaid Charts & Diagrams for Confluence](https://marketplace.atlassian.com/apps/1222572/)
34 - [Mermaid Diagrams for Confluence](https://marketplace.atlassian.com/apps/1226945/mermaid-diagrams-for-confluence?hosting=cloud&tab=overview)
35 - [Mermaid Live Editor for Confluence Cloud](https://marketplace.atlassian.com/apps/1231571/mermaid-live-editor-for-confluence?hosting=cloud&tab=overview)
36 - [Mermaid Macro for Confluence](https://marketplace.atlassian.com/apps/1231150/mermaid-macro-for-confluence?hosting=cloud&tab=overview)
37 - [Mermaid Plugin for Confluence](https://marketplace.atlassian.com/apps/1214124/mermaid-plugin-for-confluence?hosting=server&tab=overview)
38 - [EliteSoft Mermaid Charts and Diagrams](https://marketplace.atlassian.com/apps/1227286/elitesoft-mermaid-charts-and-diagrams?hosting=cloud&tab=overview)
39 - [Auto convert diagrams in Jira](https://github.com/coddingtonbear/jirafs-mermaid)
40 - [Mermaid Charts & Diagrams for Jira](https://marketplace.atlassian.com/apps/1224537/)
41 - [Mermaid for Jira Cloud - Draw UML diagrams easily](https://marketplace.atlassian.com/apps/1223053/mermaid-for-jira-cloud-draw-uml-diagrams-easily?hosting=cloud&tab=overview)
42 - [CloudScript.io Mermaid Addon](https://marketplace.atlassian.com/apps/1219878/cloudscript-io-mermaid-addon?hosting=cloud&tab=overview)
43 - [Mermaid plus for Confluence](https://marketplace.atlassian.com/apps/1236814/mermaid-plus-for-confluence?hosting=cloud&tab=overview)
44- [Azure Devops](https://learn.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops#add-mermaid-diagrams-to-a-wiki-page) ✅
45- [Deepdwn](https://billiam.itch.io/deepdwn) ✅
46- [Doctave](https://www.doctave.com/) ✅
47 - [Mermaid in Markdown code blocks](https://docs.doctave.com/components/mermaid) ✅
48- [Forgejo](https://forgejo.org/) ✅
49- [GitBook](https://gitbook.com)
50 - [Mermaid Plugin](https://github.com/JozoVilcek/gitbook-plugin-mermaid)
51 - [Mermaid plugin for GitBook](https://github.com/wwformat/gitbook-plugin-mermaid-pdf)
52 - [Markdown with Mermaid CLI](https://github.com/miao1007/gitbook-plugin-mermaid-cli)
53- [Gitea](https://gitea.io) ✅
54- [GitHub](https://github.com) ✅
55 - [Using code blocks](https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/) ✅
56 - [GitHub action: Compile mermaid to image](https://github.com/neenjaw/compile-mermaid-markdown-action)
57 - [GitHub Writer](https://github.com/ckeditor/github-writer)
58 - [SVG diagram generator](https://github.com/SimonKenyonShepard/mermaidjs-github-svg-generator)
59- [GitLab](https://docs.gitlab.com/ee/user/markdown.html#diagrams-and-flowcharts) ✅
60- [GNU Octave](https://octave.org/) ✅
61 - [octave_mermaid_js](https://github.com/CNOCTAVE/octave_mermaid_js) ✅
62- [HackMD](https://hackmd.io/c/tutorials/%2F%40docs%2Fflowchart-en#Create-more-complex-flowcharts) ✅
63- [Mermaid Plugin for JetBrains IDEs](https://plugins.jetbrains.com/plugin/20146-mermaid)
64- [MonsterWriter](https://www.monsterwriter.com/) ✅
65- [Joplin](https://joplinapp.org) ✅
66- [LiveBook](https://livebook.dev) ✅
67- [Slidev](https://sli.dev) ✅
68- [Tuleap](https://docs.tuleap.org/user-guide/writing-in-tuleap.html#graphs) ✅
69- [Mermaid Flow Visual Editor](https://www.mermaidflow.app) ✅
70- [Mermerd](https://github.com/KarnerTh/mermerd)
71- [Slab](https://slab.com) ✅
72- [Swimm](https://docs.swimm.io/features/diagrams-and-charts) ✅
73- [NotesHub](https://noteshub.app) ✅
74- [Notion](https://notion.so) ✅
75- [Observable](https://observablehq.com/@observablehq/mermaid) ✅
76- [Obsidian](https://help.obsidian.md/Editing+and+formatting/Advanced+formatting+syntax#Diagram) ✅
77- [Outline](https://docs.getoutline.com/s/guide/doc/diagrams-KQiKoT4wzK) ✅
78- [Redmine](https://redmine.org)
79 - [Mermaid Macro](https://redmine.org/plugins/redmine_mermaid_macro)
80 - [Markdown for mermaid plugin](https://github.com/jamieh-mongolian/markdown-for-mermaid-plugin)
81 - [redmine-mermaid](https://github.com/styz/redmine_mermaid)
82- Visual Studio Code [Polyglot Interactive Notebooks](https://github.com/dotnet/interactive#net-interactive)
83- [Microsoft Loop](https://loop.cloud.microsoft) ✅
84
85### LLM integrations
86
87LLM integrations to create mermaid diagrams using AI from text descriptions.
88
89- [HueHive - Create mermaid diagrams with text](https://huehive.co/tools/diagrams)
90- [MCP Server Mermaid](https://github.com/hustcc/mcp-mermaid) - Generate mermaid diagram and chart with AI MCP dynamically.
91
92### CRM/ERP
93
94Customer Relationship Management/Enterprise Resource Planning
95
96- [coreBOS](https://blog.corebos.org/blog/december2019)
97
98### Blogging
99
100Blogging frameworks and platforms
101
102- [Hexo](https://hexo.io)
103 - [hexo-filter-mermaid-diagrams](https://github.com/webappdevelp/hexo-filter-mermaid-diagrams)
104 - [hexo-tag-mermaid](https://github.com/JameChou/hexo-tag-mermaid)
105 - [hexo-mermaid-diagrams](https://github.com/mslxl/hexo-mermaid-diagrams)
106- [Nextra](https://nextra.site/)
107 - [Mermaid](https://nextra.site/docs/guide/mermaid)
108- [WordPress](https://wordpress.org)
109 - [MerPRess](https://wordpress.org/plugins/merpress/)
110 - [WP Documentation](https://wordpress.org/themes/wp-documentation/)
111
112### CMS/ECM
113
114Content Management Systems/Enterprise Content Management
115
116- [ApostropheCMS](https://apostrophecms.com/)
117 - [Extension for Mermaid.js](https://github.com/BoDonkey/mermaid-extension)
118- [Drupal](https://drupal.org/)
119 - [Mermaid Diagram Field module](https://www.drupal.org/project/mermaid_diagram_field)
120- [Grav CMS](https://getgrav.org/)
121 - [Mermaid Diagrams Plugin](https://github.com/DanielFlaum/grav-plugin-mermaid-diagrams)
122 - [GitLab Markdown Adapter](https://github.com/Goutte/grav-plugin-gitlab-markdown-adapter)
123- [Tiki Wiki CMS Groupware](https://tiki.org)
124 - [Tracker Entity Relationship Diagram](https://doc.tiki.org/Tracker-Entity-Relationship-Diagram)
125- [VitePress](https://vitepress.vuejs.org/)
126 - [Plugin for Mermaid.js](https://emersonbottero.github.io/vitepress-plugin-mermaid/)
127- [VuePress](https://vuepress.vuejs.org/)
128 - [Plugin for Mermaid.js](https://github.com/eFrane/vuepress-plugin-mermaidjs)
129
130### Communication
131
132Communication tools and platforms
133
134- [Discourse](https://discourse.org)
135 - [Mermaid Plugin](https://github.com/pnewell/discourse-mermaid)
136- [Mattermost](https://mattermost.com/)
137 - [Mermaid Plugin](https://github.com/SpikeTings/Mermaid)
138- [NodeBB](https://nodebb.org)
139 - [Mermaid Parser Plugin](https://www.npmjs.com/package/nodebb-plugin-mermaid)
140- [phpBB](https://phpbb.com)
141 - [phpbb-ext-mermaid](https://github.com/AlfredoRamos/phpbb-ext-mermaid)
142- [Slack](https://slack.com)
143 - [Mermaid Preview](https://mermaid-preview.com)
144
145### Wikis
146
147- [DokuWiki](https://dokuwiki.org)
148 - [ComboStrap](https://combostrap.com/utility/create-diagram-with-mermaid-vh3ab9yj)
149 - [Mermaid Plugin](https://www.dokuwiki.org/plugin:mermaid)
150- [Foswiki](https://foswiki.org)
151 - [Mermaid Plugin](https://foswiki.org/Extensions/MermaidPlugin)
152- [MediaWiki](https://www.mediawiki.org)
153 - [Flex Diagrams Extension](https://www.mediawiki.org/wiki/Extension:Flex_Diagrams)
154 - [Mermaid Extension](https://www.mediawiki.org/wiki/Extension:Mermaid)
155- [PmWiki](https://www.pmwiki.org)
156 - [MermaidJs Cookbook recipe](https://www.pmwiki.org/wiki/Cookbook/MermaidJs)
157- [Semantic Media Wiki](https://www.semantic-mediawiki.org)
158 - [Mermaid Plugin](https://github.com/SemanticMediaWiki/Mermaid)
159- [TiddlyWiki](https://tiddlywiki.com/)
160 - [mermaid-tw5: wrapper for Mermaid Live](https://github.com/efurlanm/mermaid-tw5)
161 - [tw5-mermaid: plugin for managing Mermaid.js tiddlers](https://github.com/jasonmhoule/tw5-mermaid)
162
163### Editor Plugins
164
165- Atom _(Atom has been [archived.](https://github.blog/2022-06-08-sunsetting-atom/))_
166 - [Markdown Preview Enhanced](https://github.com/shd101wyy/markdown-preview-enhanced)
167 - [Atom Mermaid](https://github.com/y-takey/atom-mermaid)
168 - [Language Mermaid Syntax Highlighter](https://github.com/ytisf/language-mermaid)
169- [Astah](https://astah.net)
170 - [Export to Mermaid](https://github.com/Avens666/Astah_Jude_UML_export_to_Markdown-mermaid-Plantuml-)
171- [Brackets](https://brackets.io/)
172 - [Mermaid Preview](https://github.com/AlanHohn/mermaid-preview)
173- [CKEditor](https://github.com/ckeditor/ckeditor5)
174 - [CKEditor 5 Mermaid plugin](https://github.com/ckeditor/ckeditor5-mermaid)
175- [Draw.io](https://draw.io)
176 - [Mermaid Plugin](https://github.com/nopeslide/drawio_mermaid_plugin)
177- [GNU Emacs](https://www.gnu.org/software/emacs/)
178 - [Major mode for .mmd files](https://github.com/abrochard/mermaid-mode)
179 - [Org-Mode integration](https://github.com/arnm/ob-mermaid)
180- [GNU Nano](https://www.nano-editor.org/)
181 - [Nano Mermaid](https://github.com/Yash-Singh1/nano-mermaid)
182- [Google docs](https://docs.google.com/)
183 - [Mermaid plugin for google docs](https://workspace.google.com/marketplace/app/mermaid/636321283856)
184- [Inkdrop](https://www.inkdrop.app)
185 - [Mermaid Plugin](https://github.com/inkdropapp/inkdrop-mermaid)
186- [Light Table](http://lighttable.com/)
187 - [Mermaid Plugin](https://github.com/cldwalker/Mermaid)
188- [Markdown-It](https://github.com/markdown-it/markdown-it)
189 - [Textual UML Parser](https://github.com/manastalukdar/markdown-it-textual-uml)
190 - [Mermaid Plugin](https://github.com/tylingsoft/markdown-it-mermaid)
191 - [md-it-mermaid](https://github.com/iamcco/md-it-mermaid)
192 - [markdown-it-mermaid-less](https://github.com/searKing/markdown-it-mermaid-less)
193- [Podlite](https://github.com/zag/podlite-desktop)
194 - [=Diagram block](https://github.com/zag/podlite/tree/main/packages/podlite-diagrams)
195- [Standard Notes](https://standardnotes.com/)
196 - [Mermaid Extension](https://github.com/nienow/sn-mermaid)
197- [VS Code](https://code.visualstudio.com/)
198 - [Mermaid Editor](https://marketplace.visualstudio.com/items?itemName=tomoyukim.vscode-mermaid-editor)
199 - [Mermaid Export](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.mermaid-export)
200 - [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf)
201 - [Markdown Preview Mermaid Support](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid)
202 - [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced)
203 - [Mermaid Preview](https://marketplace.visualstudio.com/items?itemName=vstirbu.vscode-mermaid-preview)
204 - [Preview](https://marketplace.visualstudio.com/items?itemName=searKing.preview-vscode)
205 - [Preview Sequence Diagrams](https://marketplace.visualstudio.com/items?itemName=arichika.previewseqdiag-vscode)
206 - [Mermaid Markdown Syntax Highlighting](https://marketplace.visualstudio.com/items?itemName=bpruitt-goddard.mermaid-markdown-syntax-highlighting)
207- [Vim](https://www.vim.org)
208 - [Vim Diagram Syntax](https://github.com/zhaozg/vim-diagram)
209 - [Official Vim Syntax and ft plugin](https://github.com/craigmac/vim-mermaid)
210- [Zed](https://zed.dev)
211 - [zed-mermaid](https://github.com/gabeidx/zed-mermaid)
212
213### Document Generation
214
215- [Astro](https://astro.build/)
216 - [Adding diagrams to your Astro site with MermaidJS and Playwright](https://agramont.net/blog/diagraming-with-mermaidjs-astro/)
217- [Codedoc](https://codedoc.cc/)
218 - [codedoc-mermaid-plugin](https://www.npmjs.com/package/codedoc-mermaid-plugin)
219- [Docsy Hugo Theme](https://www.docsy.dev/docs/adding-content/lookandfeel/#diagrams-with-mermaid) ✅
220- [Docusaurus](https://docusaurus.io/docs/markdown-features/diagrams) ✅
221- [Gatsby](https://www.gatsbyjs.com/)
222 - [gatsby-remark-mermaid](https://github.com/remcohaszing/gatsby-remark-mermaid)
223- [Jekyll](https://jekyllrb.com/)
224 - [jekyll-mermaid](https://rubygems.org/gems/jekyll-mermaid)
225 - [jekyll-mermaid-diagrams](https://github.com/fuzhibo/jekyll-mermaid-diagrams)
226- [JSDoc](https://jsdoc.app/)
227 - [jsdoc-mermaid](https://github.com/Jellyvision/jsdoc-mermaid)
228- [Madness](https://madness.dannyb.co/)
229- [mdBook](https://rust-lang.github.io/mdBook/index.html)
230 - [mdbook-mermaid](https://github.com/badboy/mdbook-mermaid)
231- [MkDocs](https://www.mkdocs.org)
232 - [mkdocs-mermaid2-plugin](https://github.com/fralau/mkdocs-mermaid2-plugin)
233 - [mkdocs-material](https://github.com/squidfunk/mkdocs-material), check the [docs](https://squidfunk.github.io/mkdocs-material/reference/diagrams/)
234- [Quarto](https://quarto.org/) ✅
235- [rehype](https://github.com/rehypejs/rehype)
236 - [rehype-mermaid](https://github.com/remcohaszing/rehype-mermaid)
237- [remark](https://remark.js.org/)
238 - [remark-mermaidjs](https://github.com/remcohaszing/remark-mermaidjs)
239- [Sphinx](https://www.sphinx-doc.org/en/master/)
240 - [sphinxcontrib-mermaid](https://github.com/mgaitan/sphinxcontrib-mermaid)
241- [Type Doc](https://typedoc.org/)
242 - [typedoc-plugin-mermaid](https://www.npmjs.com/package/typedoc-plugin-mermaid)
243- [Typora](https://support.typora.io/Draw-Diagrams-With-Markdown/#mermaid) ✅
244- [Unison programming language](https://www.unison-lang.org/docs/usage-topics/documentation/) ✅
245
246### Browser Extensions
247
248| Name | Chrome Web Store | Firefox Add-ons | Opera | Edge | Source/Repository |
249| ------------------------ | ----------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
250| GitHub + Mermaid | - | [🦊🔗](https://addons.mozilla.org/firefox/addon/github-mermaid/) | - | - | [🐙🔗](https://github.com/BackMarket/github-mermaid-extension) |
251| Asciidoctor Live Preview | [🎡🔗](https://chromewebstore.google.com/detail/asciidoctorjs-live-previe/iaalpfgpbocpdfblpnhhgllgbdbchmia) | - | - | [🌀🔗](https://microsoftedge.microsoft.com/addons/detail/asciidoctorjs-live-previ/pefkelkanablhjdekgdahplkccnbdggd?hl=en-US) | - |
252| Diagram Tab | - | - | - | - | [🐙🔗](https://github.com/khafast/diagramtab) |
253| Markdown Diagrams | [🎡🔗](https://chromewebstore.google.com/detail/markdown-diagrams/pmoglnmodacnbbofbgcagndelmgaclel) | [🦊🔗](https://addons.mozilla.org/en-US/firefox/addon/markdown-diagrams/) | - | [🌀🔗](https://microsoftedge.microsoft.com/addons/detail/markdown-diagrams/hceenoomhhdkjjijnmlclkpenkapfihe) | [🐙🔗](https://github.com/marcozaccari/markdown-diagrams-browser-extension/tree/master/doc/examples) |
254| Markdown Viewer | - | [🦊🔗](https://addons.mozilla.org/en-US/firefox/addon/markdown-viewer-chrome/) | - | - | [🐙🔗](https://github.com/simov/markdown-viewer) |
255| Extensions for Mermaid | - | - | [🔴🔗](https://addons.opera.com/en/extensions/details/extensions-for-mermaid/) | - | [🐙🔗](https://github.com/Stefan-S/mermaid-extension) |
256| Chrome Diagrammer | [🎡🔗](https://chromewebstore.google.com/detail/chrome-diagrammer/bkpbgjmkomfoakfklcjeoegkklgjnnpk) | - | - | - | - |
257| Mermaid Diagrams | [🎡🔗](https://chromewebstore.google.com/detail/mermaid-diagrams/phfcghedmopjadpojhmmaffjmfiakfil) | - | - | - | - |
258| Monkeys | [🎡🔗](https://chromewebstore.google.com/detail/monkeys-mermaid-for-githu/cplfdpoajbclbgphaphphcldamfkjlgi) | - | - | - | - |
259| Mermaid Previewer | [🎡🔗](https://chromewebstore.google.com/detail/mermaid-previewer/oidjnlhbegipkcklbdfnbkikplpghfdl) | - | - | - | - |
260
261### Other
262
263- [Bisheng](https://www.npmjs.com/package/bisheng)
264 - [bisheng-plugin-mermaid](https://github.com/yct21/bisheng-plugin-mermaid)
265- [Blazorade Mermaid: Render Mermaid diagrams in Blazor applications](https://github.com/Blazorade/Blazorade-Mermaid/wiki)
266- [Codemia: A tool to practice system design problems](https://codemia.io) ✅
267- [ExDoc](https://github.com/elixir-lang/ex_doc)
268 - [Rendering Mermaid graphs](https://github.com/elixir-lang/ex_doc#rendering-mermaid-graphs)
269- [MarkChart: Preview Mermaid diagrams on macOS](https://markchart.app/)
270- [mermaid-isomorphic](https://github.com/remcohaszing/mermaid-isomorphic)
271- [mermaid-server: Generate diagrams using a HTTP request](https://github.com/TomWright/mermaid-server)
272- [NiceGUI: Let any browser be the frontend of your Python code](https://nicegui.io) ✅
273 - [ui.mermaid(...)](https://nicegui.io/documentation/mermaid)
274- [Reveal.js](https://github.com/hakimel/reveal.js)
275 - [reveal.js-mermaid-plugin](https://github.com/ludwick/reveal.js-mermaid-plugin)
276- [Reveal CK](https://github.com/jedcn/reveal-ck)
277 - [reveal-ck-mermaid-plugin](https://github.com/tmtm/reveal-ck-mermaid-plugin)
278- [speccharts: Turn your test suites into specification diagrams](https://github.com/arnaudrenaud/speccharts)
279- [Vitepress Plugin](https://github.com/sametcn99/vitepress-mermaid-renderer)
280
281<!--- cspell:ignore Blazorade HueHive --->
282