App for Confluence Cloud
Mermaid Diagrams for Confluence
Write Mermaid code, get a clean diagram on your Confluence page: zoom, full screen, dark mode, SVG and PNG download. No external account or server.
The app is under review by Atlassian for the Marketplace. This page will link to it once it is published.
For readers
- Sharp vector rendering, adapted to the page width; very wide diagrams scroll sideways
- Zoom in and out, pan by dragging, double-click to reset
- Full screen view for large diagrams
- Download as SVG or high-resolution PNG, copy the Mermaid code
- Follows Confluence light and dark themes
For writers
- Insert with
/mermaid - Side-by-side editor with live preview, syntax colors and line numbers; the error line is marked when Mermaid reports it
- Templates: flowchart, sequence, class, state, entity relationship, Gantt, pie, mind map, timeline, Git graph
- Display options: diagram only, code only, or both
- You can always save, even with an error
Your diagrams stay in Confluence
No sign-up, no external account, no outside service. The diagram code is stored in the page itself and drawn in the reader's browser. The app makes no calls to servers outside Atlassian.
Mermaid 12.3, PDF and Word export
Flowcharts, sequence, class, state, entity relationship, Gantt, pie, mind map, timeline, Git graph, user journey, quadrant, XY chart, Sankey, block, architecture, kanban and requirement diagrams (some of these types are still in beta in Mermaid). In PDF and Word exports, the diagram is included as an image, never wider than the page.
Guide and support
The guide explains how to insert, edit, read and export diagrams. For anything else, write to support@claritelab.com.