Skip to:

Marketplace

Mermaid Diagrams for Confluence Cloud

works with Confluence Cloud

Free app

OVERALL RATINGS

INSTALLS

3

SUPPORT

  • Partner Supported

TRUST SIGNALS

Showing details for Cloud

Key highlights of the appMermaid Diagrams in Confluence with a live preview editor, 12 templates, page trees, custom colour themes and dark mode

hero

Write Mermaid, see the diagram as you type

A split editor with syntax highlighting and a live preview. Pan, zoom and fit the diagram, then save it straight onto the page.

Start from one of 12 templates

Flowcharts, sequence, class, state and entity relationship diagrams, Gantt charts, mind maps, timelines and more. Pick one and edit it.

Your brand colours on every diagram

Admins create colour themes for the whole site. Each has a dark-mode version, generated automatically or hand-picked, and a live preview while you edit.

Supporting media

More details

Mermaid Diagrams by Yamuno turns Mermaid text into diagrams on your Confluence pages.

Write and edit

  • Split editor with a live preview as you type
  • 12 templates: flowchart, sequence, class, state, ER, Gantt, mind map and more
  • Theme, hand-drawn look and direction from the toolbar

Connect to Confluence

  • Map a page tree as a flowchart or mind map
  • Right-click any box to link it to a page

Style and share

  • Site-wide colour themes with a dark-mode version
  • Diagrams follow each reader's light or dark theme
  • Pan, zoom, full screen and high-resolution PNG download

Runs on Atlassian: built on Forge, diagrams stay in Atlassian. See data and privacy.

Get started: quick start and all features

Resources

  • App documentation

    Comprehensive set of documentation from the partner on how this app works

Privacy and Security

Privacy policy

Atlassian's privacy policy is not applicable to the use of this app. Please refer to the privacy policy provided by this app's partner.

Partner privacy policy

Security program

This app is not part of the Marketplace Bug Bounty program.

Integration permissions

Mermaid Diagrams for Confluence Cloud integrates with your Atlassian app

Version information

Version 2.4.0•for Confluence Cloud

Release date
Oct 22nd 2026
Summary
Initial Release
Details
  • Editor: split code and live preview, pan, zoom, fit and full screen. The zoom you set is kept on the published page.
  • 12 templates: flowchart, sequence, class, state, entity relationship, Gantt, pie, mind map, timeline, user journey, Git graph and quadrant.
  • Page tree: a diagram of a page and the pages under it, as a flowchart or a mind map, with every box linked to its page.
  • Links to pages: right-click a flowchart box to make it open a Confluence page.
  • Colour themes: site-wide themes with generated or hand-picked dark-mode versions, managed by admins.
  • Published diagrams: zoom, full screen, code view and high-resolution PNG download, in light and dark mode.
  • Usage: every page that contains a diagram, with search.
Payment model
Free
License type
Commercial - no charge

Learn and explore

  • What’s Marketplace
  • App installation
  • About Atlassian
  • Atlassian resources
  • Search and ranking
  • Atlassian events
  • Atlassian foundation

Follow