Show HN: Free Mermaid Diagram Editor

I've been slowly adding some new free tools to Moxie Docs (partly for SEO, partly to illustrate some of our feature sets before any commitment) for some reason this mermaid editor one blew up on Google rankings so I figured I'd share in case people find it useful! We also have ADR, AGENTS.md, LLMs, and a few other free tools.

▲

rdwrrr 2 days ago | parent | next [-]

Thanks for dropping this here. I have been frustrated for quite some time. I blindly followed the advice to learn some mermaid. Then I discovered that the ecosystem absolutely sucks.

▲

hackthemack 2 days ago | parent | prev | next [-]

Question for mermaid users out there. I have not used mermaid more than just superficially looking at it but it looks to me like a re-implementation of graphviz? Which has been around forever. Is there something it does that makes it more appealing?

I am not knocking this Free Mermaid Diagram Editor either. Seems decent. But, similarly, edotor has been around forever.

https://edotor.net/

▲

stronglikedan 2 days ago | parent | next [-]

Mermaid has become the de facto charting language when working with AI, so it has been elevated to the chosen one, like Python.

	▲	qn9n a day ago \| parent [-]
		It also renders on GitHub in markdown files with ```mermaid``` code blocks so it's super useful for adding architecture diagrams and similar to your README

▲

dTal a day ago | parent | prev [-]

It does more types of charts, including Gantt charts. Very useful.

	▲	hackthemack 11 minutes ago \| parent [-]
		Thank you. I went and looked at what else it could do and it does have a much larger feature set.

▲

BLKNSLVR 2 days ago | parent | prev | next [-]

Handy.

I've been (very loosely) trying to get AI to generate diagrams for a while, and even Copilot can't get Visio's file format correct enough to allow Visio to open it successfully.

This is a nice clean interface I can just paste attempts into. Thank you!

▲

ghosts_ an hour ago | parent | next [-]

Yeah the main product I'm working on (Moxie Docs) has AI generation of mermaid diagrams, I find that it works __well enough__ but I needed some strong guardrails, quality checks, and templating to make sure it doesn't generate broken diagrams (or useless ones). First few iterations it would create a diagram for everything and it was a bit zealous on when it decided diagrams would be useful.

▲

FailMore a day ago | parent | prev | next [-]

I created https://smalldocs.org to help with this. After installing you can tell your agent to "sdoc me a mermaid diagram of X flow" or "sdoc me a visual architecture of this repo" or something, and it handles it nicely (imo!).

Here is the mermaid diagram gallery: https://smalldocs.org/s/PpArByXuNBA5kGS1JVMUW6#k=uTqNRLqzz_T...

Code available: https://github.com/espressoplease/smalldocs

Discord: https://discord.gg/txjATTsDaq

▲

keithnz 2 days ago | parent | prev [-]

just get ai to generate mermaid, it's super competent at doing it, you don't really need any other tools.

	▲	user3939382 2 days ago \| parent [-]
		I’ve found that it can do it, but the aesthetics of the diagrams it generates are awful. I end up going back to manual Omnigraffle. There is an art to designing the human to human communication aspect of diagrams that transcends which lines connect where.

▲

k1r111 a day ago | parent | prev | next [-]

The only problem with mermaid that GitHub UI renders it poorly. Large diagrams very difficult to view. Any solution for that?

▲

thangalin 2 days ago | parent | prev | next [-]

https://kroki.io/#try

Shout out to Kroki, which offers Mermaid and many other text-based diagramming formats.

▲

nonethewiser 2 days ago | parent | prev [-]

Probably because the official editor sucks after paywalling features and steering you into signing up.