Solid Mermaid Editor
5
By scampthevamp
I’m building a second brain out of plain text files, and this app expands what I am able to do. I’m excited to plan my projects with GANTT charts, make a timeline of my mom’s career, and create a family tree.
Black on dark gray
2
By tgunr
Basically, uselesss, text is black on a dark gray background making it almost impossible to see.
Opens .mmd files, and can export PNG or SVG easily
5
By Ericadia
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.
Useless without a select/copy/paste feature.
1
By Powrby4d
No way to get any useful interactions in or out of this without a clipboard.
Basic and useful
5
By GoocherZ
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.
Useless
1
By tbjoe
Cannot paste diagrams, basic function
Decent, but could use some improvements
3
By Jrwright
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)
Doesn't Support mmd Files
2
By Jeff_Kelley
Despite the first screenshot, the app doesn't actually support opening .mmd files, which really limits its utility.
Don‘t waste your time and money
1
By the_disappointed_merman
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.