Write it in Mermaid, PlantUML, D2 or DOT. Watch it draw.
Diagrammar opens diagram code on iPhone, iPad and Mac and draws it on the device.
Free to view. Pro is $14.99, once.
release.mmd
flowchart LR Write([Write]) --> Review[Review] Review --> Tests{Tests pass?} Tests -- No --> Write Tests -- Yes --> Merge[Merge] Merge --> Release([Release])drawn by Diagrammar
detected: Mermaid
release.puml
@startumlstart:Write;:Review;if (Tests pass?) then (yes) :Merge; :Release;else (no) :Write;endifstop@endumldrawn by Diagrammar
detected: PlantUML
release.d2
direction: right Write -> ReviewReview -> Tests: { label: ""}Tests: Tests pass? { shape: diamond}Tests -> Merge: yesTests -> Write: noMerge -> Releasedrawn by Diagrammar
detected: D2
release.dot
digraph release { rankdir=LR; node [shape=box, style=rounded]; Write [shape=ellipse]; Review; Tests [shape=diamond, label="Tests pass?"]; Merge; Release [shape=ellipse]; Write -> Review; Review -> Tests; Tests -> Merge [label="yes"]; Tests -> Write [label="no"]; Merge -> Release;}drawn by Diagrammar
detected: DOT
Open the files you already have.
Diagrammar reads diagram files straight from Files and iCloud Drive and works out which language they're in by itself. There's no dialect picker and nothing to convert. For a blank page, there are 27 templates across the four languages.
Every diagram is drawn on your device. Diagrammar has no web view, no JavaScript and no network code, so it works offline and sends nothing anywhere.
privacy label: Data Not Collected
One diagram, five ways to lay it out.
Choose the direction, how edges route and which layout engine arranges it: dot, neato, FDP, Dagre or tidy tree. Layout controls are free.
layout.dot, drawn by Diagrammar with three of its five layout engines.
A whole README, drawn in place.
Markdown mode opens a Markdown file and draws every fenced diagram block where it sits, between your paragraphs, in any of the four languages. Part of Pro.
README.md
## Request flow Every checkout goes through a synchronous handshake with Payments before theorder is persisted. The steps below cover the happy path. ```mermaidsequenceDiagram participant Client participant Checkout participant Payments participant Orders Client->>Checkout: POST /checkout Checkout->>Payments: Authorize Payments-->>Checkout: Approved Checkout->>Orders: Create order Orders-->>Checkout: Order id Checkout-->>Client: 201 Created```
PNG, PDF, print or clipboard.
The share extension turns diagram text from another app into a picture. On the Mac, Quick Look previews diagram files in Finder; on iPhone and iPad, Files shows them as thumbnails.
Viewing is free. Writing costs $14.99, once.
| Feature | Free | Pro |
|---|---|---|
| Open and view all four languages | yes | yes |
| Layout controls and zoom | yes | yes |
| Templates | yes | yes |
| Light, Dark and System themes | yes | yes |
| Edit in every language | yes | |
| Markdown mode | yes | |
| Export, print, copy as image | yes | |
| Share extension | yes | |
| Full theme catalog | yes | |
| Price | $0 | $14.99 once |
One purchase covers iPhone, iPad and Mac, and Family Sharing is on. You pay once; there's no subscription.
Why this exists.
I keep my diagrams as text, next to the code they describe. On a laptop that's fine. On a phone they stayed text, and none of the viewers I tried read all four of the languages I actually use. So I built an app that reads all four and draws them itself, without a browser inside. The icon is a small diagram too, three flowchart shapes whose edges trace a D.
Bakhtiyor, Silkway Studio
What's new
- First release
- Diagrammar renders Mermaid, PlantUML, D2, and Graphviz DOT natively on iPhone, iPad, and Mac, entirely on your device, with no web view and no network access
- Every format renders free, with pan, zoom, and layout controls
- Rendered thumbnails in Files, and Quick Look on Mac
- 27 starting templates across all four dialects
- Pro: split-view editor with live preview, Markdown mode, PNG/PDF export, print, share extension, and the full theme catalog