You are reading a Mermaid diagram
as source code.

FlowPeek draws it where you already are — a docs page, a pull request, your editor.

A macOS menu-bar app. Free, open source, and it draws without sending anything anywhere.

brew install --cask flowpeek/tap/flowpeek
Thirty-seven seconds, four ways in, no narration. Nothing here is a mockup.

More ways in

Drag over it

Select Mermaid in any app and a small button appears beside the selection.

Mermaid source dragged over on a documentation page; a FlowPeek button appears at the end of the selection and opens the diagram

Point at it

Hold Option and move the pointer. The block is outlined where it sits; Space draws it.

Option held over a Mermaid code block on a documentation page: the block is outlined, and pressing Space draws the diagram

Copy it

A badge appears near the menu bar and names the key that opens it.

A badge sliding in below the menu bar reading Mermaid, sequenceDiagram, Press to preview

Print it in a terminal

A diagram in Terminal, iTerm2 or Ghostty gets a faint frame where it sits — printed at the prompt, or inside a full-screen program like vim or a coding agent. The pointer brightens it; hold Option and the block opens on a click.

A fenced mermaid block printed in Terminal gets a faint frame around it; the pointer arrives and the frame brightens with a label reading flowchart, Option-click, and the diagram opens in its place

Editors, too

A fenced mermaid block in VS Code outlined by FlowPeek, then drawn in the preview
In VS Code the outline follows the caret, because an editor can say where the caret is but not where the pointer is.

In Finder

A .mmd file selected in Finder; pressing space draws the diagram in the Quick Look panel
Press space on a .mmd file, or double-click it to open a preview window.

Come back to one

A shelf of remembered diagrams rising from the bottom of the screen, filtered by typing, then walked through with the arrow keys
Every diagram FlowPeek draws is kept, as a picture. ⌥⇧⌘H raises the shelf with the search field ready; the arrows, Return, ⌘C and Delete do the rest.

What it does not do