MermaidEditor
Flowcharts from plain text, on every device.
A diagram and flowchart editor powered by mermaid-js, for iPhone, iPad and Mac.
Write flowcharts and diagrams as text instead of dragging boxes around and fiddling with node order. One app covers iPhone, iPad and Mac, so you can edit a diagram on any device.
As a native Mac app, MermaidEditor renders a live preview while you type, so you can check the result as you write. The preview window zooms and pans, which helps when you check the details of a large chart. When you are done, export the chart as PNG or SVG, or share it with the system share sheet.
For the mermaid-js syntax, see the mermaid documentation.
Highlights
What it does
Every Apple platform
- Edit diagrams on iPhone, iPad or Mac
- Document browser based, so files sync between devices
- Multiple windows on iPadOS
- Keyboard shortcuts on iPad with a keyboard attached
Editor
- Syntax highlighting for mermaid-js
- Auto completion for keywords
- Code snippets, such as a parallel block in a sequence diagram
- Instant parse error indicator
Instant preview
- The preview updates as you type
- Zoom and pan to check the details
- Zoom with the scroll wheel on macOS
System integration
- Every .mmd file gets a thumbnail when saved
- Quick Look previews in Files on iPhone and iPad, and in Finder on macOS
Sharing
- Diagrams are saved as source with the .mmd extension
- Export to PNG or SVG with one click
Screenshots
Take a look
Get MermaidEditor
A diagram and flowchart editor powered by mermaid-js, for iPhone, iPad and Mac.
Related
