PIER
PIER renders Mermaid diagrams live inside Confluence. Write the diagram source on the page and see it drawn, with no external rendering service and no image uploads.
Install
Install PIER from the Atlassian Marketplace into your Confluence Cloud site. No configuration, account, or API key is required. Once installed, the macro is available on every page.
Insert a diagram
- Edit any Confluence page.
-
Insert the Mermaid Diagram macro, either from the
insert menu or by typing
/Mermaid. - Open the macro configuration panel and write your Mermaid source.
- Publish the page. The diagram renders in place.
Diagram source is stored in the macro's own configuration, so it travels with the page when you export, copy, or template it. It stays editable, and it is never flattened into an image you have to recreate later.
Fixing invalid syntax
If the source does not parse, PIER shows Mermaid's own parse error rather than a blank box, so you can see the line to correct. Fix the source in the macro configuration and the diagram redraws.
Supported diagram types
Anything Mermaid 11 supports, including:
- Flowcharts
- Sequence diagrams
- Class diagrams
- State diagrams
- Entity relationship diagrams
- Gantt charts
- Mindmaps
- Timelines
- Pie charts
- Quadrant charts
- XY charts
- Sankey diagrams
- C4 architecture diagrams
- Requirement diagrams
- Block diagrams
- Treemaps
- User journey diagrams
- Git graphs
Copy as PNG
Any rendered diagram can be copied to your clipboard as a PNG in one click, then pasted into a chat message, a document, or a slide. The conversion happens in your browser and the image is never sent anywhere. Diagrams rendered in dark mode export on a dark background, so they stay readable when pasted.
Light and dark themes
Diagrams follow your Confluence color mode automatically. There is nothing to configure.
Pricing
Free.
Support
Questions and bug reports: support@sullinslabs.com
Suspected vulnerabilities: security@sullinslabs.com. See the security page for how PIER handles your data.