Skip to:

Marketplace

Mermaid SVG Diagrams for Confluence

works with Confluence Cloud

INSTALLS

No installs yet

SUPPORT

  • Partner Supported

TRUST SIGNALS

Showing details for Cloud

Key highlights of the appMermaid diagrams rendered as real SVG - sharp at any zoom, full width, dark mode, and they survive page publishing

hero

Sharp at any size, because it is SVG

The usual complaint about Mermaid in Confluence is a blurry picture. Other apps store a small raster image; this renders true SVG, so the diagram stays crisp when you zoom in, print it, or open it on a big screen.

Full width, zoom and full screen

The diagram takes the width it actually needs, and shrinks only when the column is narrower. A zoom bar appears on hover, and a full-screen view opens the large ones on their own, without leaving the page.

Dark mode, expand and include page

The background is transparent and the diagram follows the Confluence theme instead of sitting on a white rectangle. Verified on published pages inside a closed expand, inside an included page, and with both nested.

More details

What it does. Real SVG, not a raster image: the diagram stays sharp when you zoom in, print the page, or open it on a wide monitor. It takes the width the diagram needs and is only ever scaled down to fit a narrow column, never stretched up. A zoom bar appears on hover, and a full-screen view opens large diagrams without leaving the page. The background is transparent, so the diagram follows the dark theme instead of sitting on a white rectangle. Verified inside a closed expand, inside an included page, and with the two nested. When the syntax breaks, the error names the line and points at the column.

What it does not do. It is not a drawing tool: you write Mermaid, and there is no canvas and no shape palette. It does not render PlantUML or other diagram languages. The diagram text is not indexed by Confluence search. There is no AI generation.

The app interface is in English.

Resources

  • App documentation

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

Privacy and Security

Privacy and security questionnaire has been filled by the partner

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.

Version information

Version 3.1.0for Confluence Cloud

Release date
Aug 31st 2026
Summary
Diagrams render as SVG and stay sharp - dark mode, zoom and full screen
Details

First release. Renders Mermaid text as SVG on Confluence Cloud pages: sharp at any zoom and when the page is printed, at the width the diagram needs, with a zoom bar and a full-screen view. The background is transparent, so the diagram follows the dark theme instead of sitting on a white rectangle. Works inside a collapsed Expand macro, inside an included page, and with the two nested. When the syntax breaks, the error names the line and points at the column. Everything is drawn in the reader’s browser: the app asks Confluence for no permissions and is deployed as Runs on Atlassian.

Payment model
Paid via Atlassian
License type
Commercial

Learn and explore

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

Follow