MojoPad draws diagrams from text, using Mermaid — flowcharts, sequence, class, and state diagrams, Gantt charts, pie charts, mindmaps, timelines, user journeys, quadrant and XY charts, entity-relationship and C4 diagrams, kanban and block layouts, git graphs, and more. You describe the diagram in a few lines and MojoPad renders it, live, right in the page. Like everything else in MojoPad, it runs entirely on your Mac — no account, no server, no internet.
Type / and choose Mermaid diagram (or use the Insert ＋ menu), then pick a starter — Flowchart, Sequence, Class, State, Gantt, Pie, Mindmap, Entity relationship, Git graph, Timeline, User journey, Quadrant, XY chart, Requirement, C4 context, Kanban, Block, or Sankey — and MojoPad drops in a working diagram you can edit, so you never start from a blank box. (Any Mermaid diagram type works, even ones not in the list — just type it.) Diagrams live on rich-text and Markdown pages.
Click a diagram to open its editor: the Mermaid source on top, a live preview below that updates as you type. Click Done (or press Escape, or ⌘Return) to close it back to the finished diagram. If the syntax has a mistake, you'll see a friendly note and your source stays right there to fix — never a broken box.
Hover a diagram for a small toolbar. Set its size — S, M, L, or XL — and the choice sticks with the diagram. Click ⛶ to enlarge it full-screen, where you can scroll to zoom and drag to pan a big diagram. Click ↧ to export or copy the single diagram as a PNG or SVG — save it to a file, or copy it straight to the clipboard to paste elsewhere.
On a Markdown page a diagram is just a fenced code block:
```mermaid
flowchart TD
A[Idea] --> B{Good?}
B -->|Yes| C[Ship it]
B -->|No| D[Rethink]
```so it round-trips cleanly to and from Markdown, and travels with your notes as plain text.
Labels can even include LaTeX math — wrap an expression in $$…$$ and MojoPad
typesets it with KaTeX, right on your Mac. Math shows in the editor and in your document exports.
With local AI set up (see Local AI), choose ✦ Draft with AI… from the diagram picker and describe what you want — “the steps of my onboarding process as a flowchart” — and MojoPad drafts the diagram for you to refine. Or run /Diagram this page to turn the note you're reading into a diagram of its structure. The model runs on your Mac; nothing leaves it.
Diagrams are colored to the active theme, so they look at home in parchment, midnight, forest, or any of MojoPad's themes, and re-color when you switch. And because MojoPad renders each diagram to a crisp vector image at export time, they appear correctly in your PDF, ePub, HTML, Word, and static-site exports — offline, exactly as on screen.