Open a local .md file and MacMD Viewer renders its Mermaid diagrams fully offline. Read them in the app or press Space for Finder Quick Look. No plugin, browser upload, or editor required.
Mermaid rendering is bundled with the Mac app. Open Markdown from Finder, a project folder, or your editor's workspace and the fenced diagrams render locally. The file is not uploaded to a browser tool or converted on a remote server.
MacMD Viewer is intentionally read-only. Keep writing in Cursor, VS Code, Obsidian, or another editor; use this window for the rendered result. When the editor saves the file, the open document reloads automatically.
Visualize processes and decision trees with directional graphs.
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action 1]
B -->|No| D[Action 2]
C --> E[End]
D --> E
```Show interactions between components over time.
```mermaid
sequenceDiagram
Client->>Server: HTTP Request
Server->>Database: Query
Database-->>Server: Results
Server-->>Client: JSON Response
```Model state machines and transitions.
```mermaid
stateDiagram-v2
[*] --> Idle
Idle --> Loading: fetch()
Loading --> Success: 200 OK
Loading --> Error: 4xx/5xx
Error --> Idle: retry()
Success --> [*]
```Plan project timelines and task dependencies.
```mermaid
gantt
title Project Plan
section Design
Wireframes :a1, 2024-01-01, 7d
Mockups :a2, after a1, 5d
section Dev
Frontend :b1, after a2, 14d
Backend :b2, after a2, 10d
```Display proportional data in a circular chart.
```mermaid
pie title Languages Used
"Swift" : 45
"TypeScript" : 30
"Python" : 15
"Other" : 10
```Document object-oriented structures and relationships.
```mermaid
classDiagram
class Document {
+String title
+String content
+render() HTML
}
class Renderer {
+parse(md) AST
+toHTML(ast) HTML
}
Document --> Renderer
```Use a standard fenced code block with the mermaid language tag. MacMD Viewer detects it automatically and renders the diagram inline. No configuration files, no setup, no extensions to install.
Flowcharts, sequence diagrams, state diagrams, Gantt charts, pie charts, and class diagrams. All standard Mermaid syntax is rendered inline from fenced ```mermaid code blocks.
No. MacMD Viewer detects ```mermaid fenced code blocks automatically and renders them inline. There are no configuration files, no extensions, and no setup to install.
Yes. Mermaid rendering is bundled with the Mac app, so local .md files render without an internet connection or a browser upload. The rendering itself makes no network request.
No. It is a read-only Mermaid viewer for Markdown files. Write or edit the source in Cursor, VS Code, Obsidian, or another editor, then use MacMD Viewer to read the rendered diagram in the app or Finder Quick Look.
Yes. When an AI agent writes a Mermaid diagram into a .md file, MacMD Viewer renders it inline the moment you open or save the file — no pushing to GitHub to check whether it renders.
Yes. With the QuickLook extension, press Space on a .md file in Finder and Mermaid diagrams render in the preview without opening the app.
Use a fenced code block with the mermaid language tag and standard Mermaid syntax inside it. MacMD Viewer detects the tag and renders the diagram automatically.
Yes. Mermaid rendering is built into MacMD Viewer at the one-time $19.99 price — no subscription and no add-on.
Syntax highlighting, QuickLook, live reload, and more.