MermaidEditor is a diagram and chart editor, powered by mermaid-js. And MermaidEditor supports iPhone, iPad and Mac, with one app you can edit diagram everywhere on any device. MermaidEditor supports mermaid-js syntax highlighting and code completion, so it can help writing diagram and chart clearly, easily and quickly. You can also easily export charts as PNG images or SVG files from the editor, or share image to other people with system actions. √ All Platforms - Both Mobile and Desktop platforms supported, you can edit diagram documents on iPhone, iPad or Mac - Document browser based app, easily edit files on device and sync document between devices - Multiple windows ready, it makes the editor more powerful on iPadOS - Keyboard shortcuts ready on iPadOS with keyboard connected √ Powerful Editor - Syntax Highlighting for mermaid-js grammar - Auto Completion in editor helps typing keywords quickly - Code Snippets likes parallel block in sequence diagram makes life easier - Instant Parsing Error indicator for locating syntax error √ Instant Preview - Auto Generated Preview when typing in editor - Zoom and Pan to move preview for checking diagram's detail - With Scroll wheel it can be easily zoom diagram on macOS √ Integrated Extensions - Thumbnail support, every .mmd file will has its own thumbnail when saving file - QuickLook Preview extension helps you preview mermaid document in Files app on iPhone or iPad and Finder on macOS √ Sharing - Save diagram document as its source with .mmd extension - Export diagram to PNG image or SVG file with one click For mermaid-js grammar, please visit https://mermaid-js.github.io/mermaid/ for documentation.
Opens .mmd files, and can export PNG or SVG easily
I picked this tool up after getting frustrated with the bad export functionality of the Mermaid live editor. I often need to export my mermaid charts to PNG or SVG. This tool handles that case very well, and the edior panel is clean and has nice code highlighting. I do with the editor pane had a light/dark mode though, as the white background is brutal on the eyes at night.
United StatesUseless without a select/copy/paste feature.
No way to get any useful interactions in or out of this without a clipboard.
United StatesBasic and useful
This is a basic app that utilizes the Mermaid JS descriptor language. (You can Google "mermaid-js" online for a complete syntax guide; that's what I did.) By "basic", I mean you can input line-by-line Mermaid JS syntax and it will render the diagram. You can also paste into the syntax editor area. (I tested this, because a one-star reviewer claimed otherwise. I copied-and-pasted a complete diagram into a new document, and it rendered fine. I am on an "M1" iPad Pro. Perhaps that matters?) Why am I giving it five stars while another gave it one? Because it is literally exactly what I needed. It is a very simple mermaid-js editor and renderer. There are no bells. There are no whistles. I did not need to copypasta from elsewhere, in fact. I only needed to type in my diagram to see it graphically. This app can generate an SVG from the diagram, but I would have been happy if I could have only screen-captured it. So, I'm happy with the app. I have been working on a difficult problem at work. Visually tying together existing components diagrammatically made life easier because I could determine which existing components to use, and which pieces of code I still needed to write. This app was helpful for me.
United StatesUseless
Cannot paste diagrams, basic function
United StatesDecent, but could use some improvements
Basically functions well. Pros: - Live editing. - Double-clicking an .mmd file does open the app, despite the other review. - pan and zoom of the diagram supported, though panning requires a click-and-hold, which is unatural for typical trackpad behavior on a Mac app (compare to the Maps app). - Generates diagrams from standard templates. - Link to the MermaidJS docs. Cons: - The cursor is almost invisible in the editor. I'm constantly losing track of it. - Needs better support for light/dark themes (this may help the cursor issue). - Large state diagram didn't render, and no errors were displayed. - Code completion only works for Mermaid key words, not user-defined symbols (compare to the official Live Editor)
United StatesDoesn't Support mmd Files
Despite the first screenshot, the app doesn't actually support opening .mmd files, which really limits its utility.
United StatesDon‘t waste your time and money
PSA: Don‘t waste your time and money. The editor does not have clipboard functionality, so unless you are into typing mermaid files from scratch this app is useless.
United States
- Added code block folding feature to the text editor
Subscribe our newsletter and get useful information every week.
Publisher's Other Apps
Other Developer Tools Apps
Similar Apps