Mermaid Diagrams

Write diagrams in markdown. Inkwell renders them live in the preview pane.

Supported diagram types

Flowcharts
Sequence diagrams
Gantt charts
Class diagrams
State diagrams
Entity relationship diagrams
And more — anything Mermaid v11 supports

Usage

Wrap your diagram in a fenced code block with the mermaid language tag:

markdown

```mermaid
graph TD
    A[Start Writing] --> B{Licensed?}
    B -->|Yes| C[Export PDF]
    B -->|Yes| D[Export HTML]
    B -->|No| E[Keep Writing]
    C --> F[Done]
    D --> F
```

The diagram renders automatically in the preview pane. No plugins, no configuration.

In exports

Mermaid diagrams are captured as SVGs in both HTML and PDF exports. What you see in the preview is what you get in the export.