Mermaid Diagrams for Bitbucket

Mermaid Diagrams for Bitbucket automatically detects Mermaid code blocks in Bitbucket Cloud and renders them as beautiful, interactive diagrams — right inside pull request descriptions, README files, and source code views.

How it works

Write your diagrams using standard Mermaid syntax inside fenced code blocks (```mermaid) in any Bitbucket markdown field. The extension detects these blocks, replaces the raw code with the rendered diagram, and shows a loading spinner while processing. No configuration needed — it just works.

Supported diagram types

All Mermaid diagram types are supported, including flowcharts, sequence diagrams, class diagrams, state diagrams, entity-relationship diagrams, Gantt charts, pie charts, Git graphs, journey maps, mind maps, timelines, and more.

Features