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 RedditOpen the original Reddit post for the version with sound.
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.
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 ↗


