2022-10-17 23:58:51 -03:00
> **Warning**
>
> ## THIS IS AN AUTOGENERATED FILE. DO NOT EDIT.
>
2023-09-06 22:04:35 -07:00
> ## Please edit the corresponding file in [/packages/mermaid/src/docs/ecosystem/integrations-community.md](../../packages/mermaid/src/docs/ecosystem/integrations-community.md).
2022-09-03 13:05:47 +05:30
2023-09-06 22:04:35 -07:00
# Integrations - community
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created with Mermaid.
2023-06-13 21:19:01 +05:30
2023-09-06 22:04:35 -07:00
## Community integrations
2023-06-13 21:19:01 +05:30
2023-09-06 22:04:35 -07:00
Below are a list of community plugins and integrations created with Mermaid.
2023-06-13 21:19:01 +05:30
2023-09-06 22:04:35 -07:00
### Productivity tools
2023-06-13 21:19:01 +05:30
2023-09-06 22:04:35 -07:00
✅ = Native support
2023-06-13 21:19:01 +05:30
2023-09-06 22:04:35 -07:00
- [GitHub ](https://github.com ) ✅
- [Using code blocks ](https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/ ) ✅
2022-09-03 13:30:16 +05:30
- [GitHub action: Compile mermaid to image ](https://github.com/neenjaw/compile-mermaid-markdown-action )
- [svg-generator ](https://github.com/SimonKenyonShepard/mermaidjs-github-svg-generator )
2023-05-31 11:11:04 +00:00
- [GitHub Writer ](https://github.com/ckeditor/github-writer )
2023-09-06 22:04:35 -07:00
- [GitLab ](https://docs.gitlab.com/ee/user/markdown.html#diagrams-and-flowcharts ) ✅
- [Gitea ](https://gitea.io ) ✅
- [Azure Devops ](https://docs.microsoft.com/en-us/azure/devops/project/wiki/wiki-markdown-guidance?view=azure-devops#add-mermaid-diagrams-to-a-wiki-page ) ✅
- [Tuleap ](https://docs.tuleap.org/user-guide/writing-in-tuleap.html#graphs ) ✅
- [Mermaid Flow Visual Editor ](https://www.mermaidflow.app ) ✅
- [Deepdwn ](https://billiam.itch.io/deepdwn ) ✅
- [Joplin ](https://joplinapp.org ) ✅
- [Slab ](https://slab.com ) ✅
- [Swimm ](https://swimm.io ) ✅
- [Notion ](https://notion.so ) ✅
- [Observable ](https://observablehq.com/@observablehq/mermaid ) ✅
- [Obsidian ](https://help.obsidian.md/Editing+and+formatting/Advanced+formatting+syntax#Diagram ) ✅
2022-09-03 13:30:16 +05:30
- [GitBook ](https://gitbook.com )
- [Mermaid Plugin ](https://github.com/JozoVilcek/gitbook-plugin-mermaid )
- [Markdown with Mermaid CLI ](https://github.com/miao1007/gitbook-plugin-mermaid-cli )
- [Mermaid plugin for GitBook ](https://github.com/wwformat/gitbook-plugin-mermaid-pdf )
2023-09-06 22:04:35 -07:00
- [LiveBook ](https://livebook.dev ) ✅
2022-09-03 13:30:16 +05:30
- [Atlassian Products ](https://www.atlassian.com )
2023-10-02 08:24:42 +00:00
- [Mermaid Live Editor for Confluence Cloud ](https://marketplace.atlassian.com/apps/1231571/mermaid-live-editor-for-confluence?hosting=cloud&tab=overview )
2022-09-03 13:30:16 +05:30
- [Mermaid Plugin for Confluence ](https://marketplace.atlassian.com/apps/1214124/mermaid-plugin-for-confluence?hosting=server&tab=overview )
- [CloudScript.io Addon ](https://marketplace.atlassian.com/apps/1219878/cloudscript-io-mermaid-addon?hosting=cloud&tab=overview )
- [Auto convert diagrams in Jira ](https://github.com/coddingtonbear/jirafs-mermaid )
- [Redmine ](https://redmine.org )
- [Mermaid Macro ](https://www.redmine.org/plugins/redmine_mermaid_macro )
- [redmine-mermaid ](https://github.com/styz/redmine_mermaid )
- [markdown-for-mermaid-plugin ](https://github.com/jamieh-mongolian/markdown-for-mermaid-plugin )
2022-10-08 12:17:26 +08:00
- [JetBrains IDE eg Pycharm ](https://www.jetbrains.com/go/guide/tips/mermaid-js-support-in-markdown/ )
2022-09-04 13:21:37 +05:30
- [mermerd ](https://github.com/KarnerTh/mermerd )
2022-11-22 23:21:27 +05:30
- Visual Studio Code [Polyglot Interactive Notebooks ](https://github.com/dotnet/interactive#net-interactive )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### CRM/ERP
Customer Relationship Management/Enterprise Resource Planning
2022-09-03 09:13:37 +05:30
2022-09-03 13:30:16 +05:30
- [coreBOS ](https://blog.corebos.org/blog/december2019 )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Blogging
Blogging frameworks and platforms
2022-09-03 09:13:37 +05:30
2023-06-26 18:21:09 +03:00
- [WordPress ](https://wordpress.org )
2022-09-03 13:30:16 +05:30
- [WordPress Markdown Editor ](https://wordpress.org/plugins/wp-githuber-md )
- [WP-ReliableMD ](https://wordpress.org/plugins/wp-reliablemd/ )
- [Hexo ](https://hexo.io )
- [hexo-filter-mermaid-diagrams ](https://github.com/webappdevelp/hexo-filter-mermaid-diagrams )
- [hexo-tag-mermaid ](https://github.com/JameChou/hexo-tag-mermaid )
- [hexo-mermaid-diagrams ](https://github.com/mslxl/hexo-mermaid-diagrams )
2023-06-07 18:49:51 +00:00
- [Nextra ](https://nextra.site/ )
- [Mermaid ](https://nextra.site/docs/guide/mermaid )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### CMS/ECM
Content Management Systems/Enterprise Content Management
2022-09-03 09:13:37 +05:30
2022-09-16 23:26:25 -03:00
- [VitePress ](https://vitepress.vuejs.org/ )
2022-09-21 11:17:03 +05:30
- [Plugin for Mermaid.js ](https://emersonbottero.github.io/vitepress-plugin-mermaid/ )
2022-09-03 13:30:16 +05:30
- [VuePress ](https://vuepress.vuejs.org/ )
- [Plugin for Mermaid.js ](https://github.com/eFrane/vuepress-plugin-mermaidjs )
- [Grav CMS ](https://getgrav.org/ )
- [Mermaid Diagrams ](https://github.com/DanielFlaum/grav-plugin-mermaid-diagrams )
2023-06-26 18:21:09 +03:00
- [GitLab Markdown Adapter ](https://github.com/Goutte/grav-plugin-gitlab-markdown-adapter )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Communication
Communication tools and platforms
2022-09-03 09:13:37 +05:30
2022-09-03 13:30:16 +05:30
- [Discourse ](https://discourse.org )
- [Mermaid Plugin ](https://github.com/pnewell/discourse-mermaid ), [And ](https://github.com/unfoldingWord-dev/discourse-mermaid )
- [Mattermost ](https://mattermost.com/ )
- [Mermaid Plugin ](https://github.com/SpikeTings/Mermaid )
- [phpBB ](https://phpbb.com )
- [phpbb-ext-mermaid ](https://github.com/AlfredoRamos/phpbb-ext-mermaid )
- [NodeBB ](https://nodebb.org )
- [Mermaid Plugin ](https://www.npmjs.com/package/nodebb-plugin-mermaid )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Wikis
2022-09-03 09:13:37 +05:30
2022-09-03 13:30:16 +05:30
- [MediaWiki ](https://www.mediawiki.org )
- [Mermaid Extension ](https://www.mediawiki.org/wiki/Extension:Mermaid )
- [Flex Diagrams Extension ](https://www.mediawiki.org/wiki/Extension:Flex_Diagrams )
- [Semantic Media Wiki ](https://semantic-mediawiki.org )
- [Mermaid Plugin ](https://github.com/SemanticMediaWiki/Mermaid )
2023-06-26 18:21:09 +03:00
- [Foswiki ](https://foswiki.org )
2022-09-03 13:30:16 +05:30
- [Mermaid Plugin ](https://foswiki.org/Extensions/MermaidPlugin )
- [DokuWiki ](https://dokuwiki.org )
2023-03-10 19:53:13 +00:00
- [Mermaid Plugin ](https://www.dokuwiki.org/plugin:mermaid )
2022-09-03 13:30:16 +05:30
- [ComboStrap ](https://combostrap.com/mermaid )
- [TiddlyWiki ](https://tiddlywiki.com/ )
- [mermaid-tw5: full js library ](https://github.com/efurlanm/mermaid-tw5 )
- [tw5-mermaid: wrapper for Mermaid Live ](https://github.com/jasonmhoule/tw5-mermaid )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Editor Plugins
2022-09-03 09:13:37 +05:30
2023-01-24 07:02:14 +00:00
- [VS Code ](https://code.visualstudio.com/ )
2022-09-03 13:30:16 +05:30
- [Markdown Preview Mermaid Support ](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid )
- [Mermaid Preview ](https://marketplace.visualstudio.com/items?itemName=vstirbu.vscode-mermaid-preview )
2023-01-24 07:02:14 +00:00
- [Markdown Preview Enhanced ](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced )
2022-09-03 13:30:16 +05:30
- [Mermaid Markdown Syntax Highlighting ](https://marketplace.visualstudio.com/items?itemName=bpruitt-goddard.mermaid-markdown-syntax-highlighting )
- [Mermaid Editor ](https://marketplace.visualstudio.com/items?itemName=tomoyukim.vscode-mermaid-editor )
- [Mermaid Export ](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.mermaid-export )
- [Markdown PDF ](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf )
- [Preview ](https://marketplace.visualstudio.com/items?itemName=searKing.preview-vscode )
- [Preview Sequence Diagrams ](https://marketplace.visualstudio.com/items?itemName=arichika.previewseqdiag-vscode )
- [Markdown-It ](https://github.com/markdown-it/markdown-it )
- [Textual UML Parser ](https://github.com/manastalukdar/markdown-it-textual-uml )
- [Mermaid Plugin ](https://github.com/tylingsoft/markdown-it-mermaid )
- [md-it-mermaid ](https://github.com/iamcco/md-it-mermaid )
- [markdown-it-mermaid-fence-new ](https://github.com/Revomatico/markdown-it-mermaid-fence-new )
- [markdown-it-mermaid-less ](https://github.com/searKing/markdown-it-mermaid-less )
2022-12-09 04:56:55 -08:00
- Atom _(Atom has been [archived.](https://github.blog/2022-06-08-sunsetting-atom/))_
2022-12-10 13:47:01 -08:00
- [Markdown Preview Enhanced ](https://github.com/shd101wyy/markdown-preview-enhanced )
2022-12-09 04:56:55 -08:00
- [Atom Mermaid ](https://github.com/y-takey/atom-mermaid )
2022-12-10 13:47:01 -08:00
- [Language Mermaid Syntax Highlighter ](https://github.com/ytisf/language-mermaid )
2022-09-03 13:30:16 +05:30
- [Sublime Text 3 ](https://sublimetext.com )
- [Mermaid Package ](https://packagecontrol.io/packages/Mermaid )
- [Astah ](https://astah.net )
- [Export to Mermaid ](https://github.com/Avens666/Astah_Jude_UML_export_to_Markdown-mermaid-Plantuml- )
- [Light Table ](http://lighttable.com/ )
- [Mermaid Plugin ](https://github.com/cldwalker/Mermaid )
- [Draw.io ](https://draw.io ) - [Plugin ](https://github.com/nopeslide/drawio_mermaid_plugin )
- [Inkdrop ](https://www.inkdrop.app ) - [Plugin ](https://github.com/inkdropapp/inkdrop-mermaid )
- [Vim ](https://www.vim.org )
2022-11-25 12:00:31 +05:30
- [Official Vim Syntax and ftplugin ](https://github.com/craigmac/vim-mermaid )
2022-09-03 13:30:16 +05:30
- [Vim Diagram Syntax ](https://github.com/zhaozg/vim-diagram )
- [GNU Emacs ](https://www.gnu.org/software/emacs/ )
- [Major mode for .mmd files ](https://github.com/abrochard/mermaid-mode )
- [Org-Mode integration ](https://github.com/arnm/ob-mermaid )
- [Brackets ](https://brackets.io/ )
- [Mermaid Preview ](https://github.com/AlanHohn/mermaid-preview )
- [Iodide ](https://github.com/iodide-project/iodide )
- [iodide-mermaid-plugin ](https://github.com/iodide-project/iodide-mermaid-plugin )
- [Google docs ](https://docs.google.com/ )
- [Mermaid plugin for google docs ](https://workspace.google.com/marketplace/app/mermaid/636321283856 )
- [Podlite ](https://github.com/zag/podlite-desktop )
- [Named block =Diagram ](https://github.com/zag/podlite/tree/main/packages/podlite-diagrams )
- [GNU Nano ](https://www.nano-editor.org/ )
- [Nano Mermaid ](https://github.com/Yash-Singh1/nano-mermaid )
2023-05-31 11:11:04 +00:00
- [CKEditor ](https://github.com/ckeditor/ckeditor5 )
- [CKEditor 5 Mermaid plugin ](https://github.com/ckeditor/ckeditor5-mermaid )
2023-06-28 07:39:44 +00:00
- [Standard Notes ](https://standardnotes.com/ )
- [sn-mermaid ](https://github.com/nienow/sn-mermaid )
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Document Generation
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
- [Swimm - Up-to-date diagrams with Swimm, the knowledge management tool for code ](https://docs.swimm.io/Features/diagrams-and-charts )
2022-09-03 13:30:16 +05:30
- [Sphinx ](https://www.sphinx-doc.org/en/master/ )
- [sphinxcontrib-mermaid ](https://github.com/mgaitan/sphinxcontrib-mermaid )
2023-05-07 14:00:44 +02:00
- [remark ](https://remark.js.org/ )
- [remark-mermaidjs ](https://github.com/remcohaszing/remark-mermaidjs )
- [rehype ](https://github.com/rehypejs/rehype )
- [rehype-mermaidjs ](https://github.com/remcohaszing/rehype-mermaidjs )
- [Gatsby ](https://www.gatsbyjs.com/ )
- [gatsby-remark-mermaid ](https://github.com/remcohaszing/gatsby-remark-mermaid )
2023-06-26 18:21:09 +03:00
- [JSDoc ](https://jsdoc.app/ )
2022-09-03 13:30:16 +05:30
- [jsdoc-mermaid ](https://github.com/Jellyvision/jsdoc-mermaid )
2023-03-07 12:51:24 +01:00
- [MkDocs ](https://www.mkdocs.org )
2022-09-03 13:30:16 +05:30
- [mkdocs-mermaid2-plugin ](https://github.com/fralau/mkdocs-mermaid2-plugin )
- [mkdocs-material ](https://github.com/squidfunk/mkdocs-material ), check the [docs ](https://squidfunk.github.io/mkdocs-material/reference/diagrams/ )
- [Type Doc ](https://typedoc.org/ )
- [typedoc-plugin-mermaid ](https://www.npmjs.com/package/typedoc-plugin-mermaid )
2023-09-06 22:04:35 -07:00
- [Docsy Hugo Theme ](https://www.docsy.dev/docs/adding-content/lookandfeel/#diagrams-with-mermaid ) (native support in theme)
2022-09-03 13:30:16 +05:30
- [Codedoc ](https://codedoc.cc/ )
- [codedoc-mermaid-plugin ](https://www.npmjs.com/package/codedoc-mermaid-plugin )
- [mdbook ](https://rust-lang.github.io/mdBook/index.html )
- [mdbook-mermaid ](https://github.com/badboy/mdbook-mermaid )
2023-04-15 17:01:51 +09:00
- [Quarto ](https://quarto.org/ )
2023-09-06 22:04:35 -07:00
- [Typora ](https://typora.io/ ) ([native support ](https://support.typora.io/Draw-Diagrams-With-Markdown/#mermaid ))
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Browser Extensions
2022-09-03 09:13:37 +05:30
2022-09-03 13:05:47 +05:30
| Name | Chrome Web Store | Firefox Add-ons | Opera | Edge | Source/Repository |
| ------------------------ | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
| GitHub + Mermaid | - | [🦊🔗 ](https://addons.mozilla.org/firefox/addon/github-mermaid/ ) | - | - | [🐙🔗 ](https://github.com/BackMarket/github-mermaid-extension ) |
| Asciidoctor Live Preview | [🎡🔗 ](https://chrome.google.com/webstore/detail/asciidoctorjs-live-previe/iaalpfgpbocpdfblpnhhgllgbdbchmia ) | - | - | [🌀🔗 ](https://microsoftedge.microsoft.com/addons/detail/asciidoctorjs-live-previ/pefkelkanablhjdekgdahplkccnbdggd?hl=en-US ) | - |
| Diagram Tab | - | - | - | - | [🐙🔗 ](https://github.com/khafast/diagramtab ) |
| Markdown Diagrams | [🎡🔗 ](https://chrome.google.com/webstore/detail/markdown-diagrams/pmoglnmodacnbbofbgcagndelmgaclel/ ) | [🦊🔗 ](https://addons.mozilla.org/en-US/firefox/addon/markdown-diagrams/ ) | [🔴🔗 ](https://addons.opera.com/en/extensions/details/markdown-diagrams/ ) | [🌀🔗 ](https://microsoftedge.microsoft.com/addons/detail/markdown-diagrams/hceenoomhhdkjjijnmlclkpenkapfihe ) | [🐙🔗 ](https://github.com/marcozaccari/markdown-diagrams-browser-extension/tree/master/doc/examples ) |
| Markdown Viewer | - | [🦊🔗 ](https://addons.mozilla.org/en-US/firefox/addon/markdown-viewer-chrome/ ) | - | - | [🐙🔗 ](https://github.com/simov/markdown-viewer ) |
| Extensions for Mermaid | - | [🦊🔗 ](https://addons.mozilla.org/en-US/firefox/addon/markdown-viewer-chrome/ ) | [🔴🔗 ](https://addons.opera.com/en/extensions/details/extensions-for-mermaid/ ) | - | [🐙🔗 ](https://github.com/Stefan-S/mermaid-extension ) |
| Chrome Diagrammer | [🎡🔗 ](https://chrome.google.com/webstore/detail/chrome-diagrammer/bkpbgjmkomfoakfklcjeoegkklgjnnpk ) | - | - | - | - |
| Mermaid Diagrams | [🎡🔗 ](https://chrome.google.com/webstore/detail/mermaid-diagrams/phfcghedmopjadpojhmmaffjmfiakfil ) | - | - | - | - |
| Monkeys | [🎡🔗 ](https://chrome.google.com/webstore/detail/monkeys-mermaid-for-githu/cplfdpoajbclbgphaphphcldamfkjlgi ) | - | - | - | - |
| Mermaid Previewer | [🎡🔗 ](https://chrome.google.com/webstore/detail/mermaid-previewer/oidjnlhbegipkcklbdfnbkikplpghfdl ) | - | - | - | - |
2022-09-03 09:13:37 +05:30
2023-09-06 22:04:35 -07:00
### Other
2022-09-03 09:13:37 +05:30
2022-09-03 13:30:16 +05:30
- [Jekyll ](https://jekyllrb.com/ )
- [jekyll-mermaid ](https://rubygems.org/gems/jekyll-mermaid )
- [jekyll-mermaid-diagrams ](https://github.com/fuzhibo/jekyll-mermaid-diagrams )
- [Reveal.js ](https://github.com/hakimel/reveal.js )
- [reveal.js-mermaid-plugin ](https://github.com/ludwick/reveal.js-mermaid-plugin )
- [Bisheng ](https://www.npmjs.com/package/bisheng )
- [bisheng-plugin-mermaid ](https://github.com/yct21/bisheng-plugin-mermaid )
- [Reveal CK ](https://github.com/jedcn/reveal-ck )
- [reveal-ck-mermaid-plugin ](https://github.com/tmtm/reveal-ck-mermaid-plugin )
2023-05-07 14:00:44 +02:00
- [mermaid-isomorphic ](https://github.com/remcohaszing/mermaid-isomorphic )
2022-09-03 13:30:16 +05:30
- [mermaid-server: Generate diagrams using a HTTP request ](https://github.com/TomWright/mermaid-server )
- [ExDoc ](https://github.com/elixir-lang/ex_doc )
- [Rendering Mermaid graphs ](https://github.com/elixir-lang/ex_doc#rendering-mermaid-graphs )
2023-02-19 16:46:20 +00:00
- [NiceGUI: Let any browser be the frontend of your Python code ](https://nicegui.io )
- [ui.mermaid(...) ](https://nicegui.io/reference#mermaid_diagrams )
- [ui.markdown(..., extras=\['mermaid'\])](https://nicegui.io/reference#markdown_element )