Explainers & Education · Oct 5, 2026

I made a web app for animated diagrams that show the order things happen in

I made a web app for animated diagrams that show the order things happen… by axn992. Watch the Explainers & Education video and visit the original Reddit post.

axn992u/axn992
View on Reddit
Model not specified
1 net upvote on Reddit, checked Oct 7, 2026

Open the original Reddit post for the version with sound.

From the creator’s post · axn992 on Reddit
Architecture diagrams never explain the part people actually ask about, which is the order. What calls what, what happens in parallel, where the queue sits. That usually ends up as a numbered list under the picture. So I made [getstepflow.com](http://getstepflow.com) You draw boxes and arrows, click the arrows in the order they fire, and a dot plays through them step by step. It exports a single SVG that animates anywhere an image goes, a GitHub README, Notion, docs sites, with no JavaScript. You can also just describe the diagram and the AI chat draws it, or ask it for changes and it keeps the rest of your layout. There's also a Claude Code skill that reads your code and draws the diagram for you, then you open it on the site to tidy up: [github.com/Figure8-Labs/stepflow](http://github.com/Figure8-Labs/stepflow) Free to use, no sign up to draw. Curious what you'd use it for, and what's missing.
From the creator

The prompt behind it.

The creator has not shared a public prompt. Visit the original post for more about this work.

Video and prompt by axn992. Original post ↗

Is this your work? Add the badge

Paste this on your site or README to link people to this page.

Featured on motif
<a href="https://createmotion.io/motions/reddit-1wy5ch7/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>