Glideflow01
Build it
Drag nodes onto the canvas and connect them, or describe your system in a sentence and let AI draft the whole diagram.
Diagrams for product & engineering teamsDiagrams that
Diagrams that
actually move.
Build an architecture diagram, watch packets flow through it, and embed the live thing in your docs. Where Mermaid and draw.io leave you a frozen picture, Glideflow shows the system running.
Free plan, no credit card. Pro is $5/mo.
0%
live in your docs, with no screenshots to re-export when the system changes
~0s
from a one-line prompt to a working, animated diagram with AI
$0/mo
for Pro: unlimited flows, no badge, private embeds
Built for the teams who document how their systems work
Platform teams•Backend & infra•Solutions engineering•Technical writers•Open-source maintainers
The problem
Your architecture diagram is a screenshot from six months ago.
You drew it once in draw.io, exported a PNG, and pasted it in the wiki. The system has moved on three times since. New folks stare at boxes and arrows and still can't tell which way the data goes. Explaining the flow in a meeting means waving your hands. The diagram should move the way the system does.
How it works
Three steps from idea to live embed.
02
Watch it move
Packets travel along every edge, so anyone can see which way a request moves through the system instead of guessing from static boxes and arrows.
03
Embed anywhere
Copy a link or an iframe and paste it into your docs, README, Notion, or blog. The live, animated diagram renders inline.
What's inside
Everything you need to make a system make sense.
Motion
Packets that flow
Glowing packets travel along every edge, so the diagram shows direction and movement the way the real system behaves.
AI
Describe it, get a diagram
Type "user → API → orders service → Postgres, with a Kafka worker for invoices" and AI lays out the nodes and edges for you to refine.
Canvas
Drag, drop, connect
A fast canvas with snapping, kinds, labels, and notes. Build clean diagrams without fighting the tool or learning a syntax.
Embed
One live link, everywhere
A public link or iframe renders the animated diagram inline and stays current. Update the flow and the embed updates too.
Themes
Light and dark, both crisp
Diagrams look right on a white docs page or a midnight README. The theme follows wherever you embed.
Kinds
Nodes that read at a glance
Clients, gateways, services, queues, databases, and storage each get their own color and icon, so the shape of the system is obvious.
The static tools stop at the picture.
Mermaid, draw.io, and Excalidraw are great at drawing. None of them move, embed live, or draft from a prompt.
Glideflow
Static tools
Animated packets along edges
-
Live embed that stays current
-
Generate from a text prompt (AI)
-
Drag-and-connect canvas
Light and dark themes
No screenshots to re-export
-
“Static tools” = Mermaid, draw.io, Excalidraw. Comparison reflects core diagramming features as of 2026.
Simple, flat pricing.
Start free. Upgrade when you want unlimited flows and your name off the badge.
Free
$0
To get going
- A few saved flows
- AI generation (limited)
- Animated public embeds
- Light & dark themes
- “Made with Glideflow” badge
Pro
For teams$5/mo
Everything in Free, plus
- Unlimited flows
- Remove the badge
- Private embeds
- Unlimited AI generation
- Priority support
Prices in USD. Billed via Stripe. Cancel anytime. Full pricing →
Questions, answered
What is Glideflow, exactly?+
A tool for building architecture and data-flow diagrams that animate. You lay out your system on a canvas (or describe it to AI), packets flow along the edges to show how requests move, and you embed the live diagram in your docs. Think of the static tools you already know, but the diagram moves and stays current.
Can I embed a diagram in Notion, GitHub, or my docs?+
Yes. Every flow gets a public link and an iframe snippet. Paste the iframe into your docs site, Notion, a blog, or anywhere that allows embeds. GitHub READMEs don't run iframes, so there you link out to the live diagram (and can drop in a preview image).
Does the animation keep playing inside an iframe?+
Yes. The embed renders the same live, animated canvas as the editor, so packets keep flowing in the iframe. It also respects a reader's reduced-motion setting and falls back to a static diagram.
Is there a free plan?+
Yes. Free gives you a handful of flows, AI generation (limited), and public embeds that carry a small "Made with Glideflow" badge. Pro is a flat $5/month for unlimited flows, no badge, private embeds, and unlimited AI.
How does the AI generation work?+
Describe your system in plain language and Glideflow drafts the nodes, edges, and labels for you. It's a starting point you edit on the canvas, so you stay in control of the final diagram.
Can I keep a diagram private?+
On Pro, yes. Private embeds let you share a diagram only with people who have the link, without listing it publicly. Free flows are public when embedded.
Make your next diagram
come alive.
Build your first animated flow in a couple of minutes. Free to start, no credit card.