Glideflow

Mermaid alternative

Mermaid diagrams, animated and visual

Mermaid is a great free way to write diagrams as text. Glideflow keeps the fast, text-and-AI authoring but adds a visual editor, animated data flow, and a hosted live embed you can drop anywhere.

Glideflow vs Mermaid

Both turn intent into a diagram. One stays static text; one animates and hosts.

Glideflow
Mermaid
Authoring
Visual editor + AI, then refine by hand
Text / code syntax
Animated data flow
Packets travel along every edge
Static rendered SVG
Hosted live embed
One link or iframe, stays current
You render it yourself
Layout
Drag any node to fix it
Auto layout, can be awkward to control
Build from your AI chat
MCP server for Claude
Not built in
Pricing
Free tier, $5/mo Pro
Free, open source

It moves

Packets flow along the edges, so the diagram reads like the system actually runs instead of a static box-and-arrow picture.

It embeds

Paste one snippet into your README, docs, or Notion. The live diagram stays current, with no screenshot to re-export.

It is cheap and AI-native

Flat $5 a month, a free tier to start, AI generation from a prompt, and an MCP server so Claude can build diagrams for you.

Questions

Mermaid is free. Why pay for Glideflow?

Mermaid is excellent and free for static diagrams in markdown. You pay for Glideflow when you want animation, a visual editor, a hosted embed that stays current, and AI generation. There is also a free tier to try it.

Can I still author quickly, like with text?

Yes. Describe the system in a sentence and AI drafts it, then you tweak it visually. You are not hand-placing every node.

Does the diagram animate?

Yes. Packets travel along the edges so the diagram shows how data moves, which a static Mermaid render does not.

Can I embed it in my docs or README?

Yes, with a link or an iframe. The hosted diagram updates when you edit it, so you do not regenerate and re-commit an image.

Try the living diagram

Build your first animated flow in a couple of minutes. Free to start, no credit card.