Mermaid Render for Jira, Confluence & Bitbucket

Renders Mermaid code blocks as diagrams in Jira, Confluence and Bitbucket. Full screen with zoom. Runs locally.

See Mermaid diagrams where your team already writes them: in Jira issues, Confluence pages, and Bitbucket pull requests, comments and Markdown files. Atlassian Cloud shows a Mermaid code block as plain text. This extension draws it as a diagram, right where the code block was. WHAT IT DOES • Draws flowcharts, sequence diagrams, class, state, ER, Gantt, mind maps and every other Mermaid diagram type. • Works out of the box on Jira and Confluence Cloud (*.atlassian.net and older *.jira.com sites) and Bitbucket Cloud: file view, READMEs, PR descriptions and PR comments. • Leaves other code alone. Only blocks whose content is Mermaid are touched. Your Java, SQL or Bash keeps its highlighting. • Never edits the page. The original code block is hidden, not rewritten, and Show source brings it back. • Full screen view with zoom and pan for big diagrams: scroll or pinch to zoom, drag to pan, fit to screen or view at 100%. • Open in Mermaid Live, to edit a copy of any diagram. You can hide this link in settings. • Follows the page's light or dark theme, or set it to always light or always dark. • Add other Atlassian Cloud sites, such as a custom domain, in settings. PRIVATE BY DESIGN Mermaid is bundled with the extension and diagrams are drawn in your browser. The extension makes no network requests and collects no data. The only time a diagram leaves the page is when you click Open in Mermaid Live, which opens mermaid.live with the diagram in the link. Self-hosted Jira, Confluence and Bitbucket Data Center are not supported. Open source: https://github.com/boogle42/mermaid-render-atlassian Not affiliated with or endorsed by Atlassian. Jira, Confluence and Bitbucket are trademarks of Atlassian.