"I ended up using this in a couple of planning meetings. The live latency view made the tradeoffs easier to talk through without turning it into a whiteboard debate."
Simulate traffic and chaos on your diagram —
not just static boxes and arrows.
System design simulator in your browser — traffic, chaos, and AWS cost signals on the canvas.
Rust → WASM discrete-event engine · 57 blueprints · 28 chaos scenarios · no signup
Why not just a whiteboard? Compare to diagram tools →
What's Inside
Map services on an infinite canvas for system design interviews and team reviews: drag-and-drop components, bezier wires, multi-select, undo/redo, zoom, and auto layout with optional layout zones for custom columns.
Discrete-event simulation (DES) in WebAssembly drives request flow through your diagram at configurable RPS — a living architecture simulator, not a static sketch.
Practice resilience testing: node crashes, partitions, memory pressure, and MCP-only chaos scenarios on AI agent blueprints.
Rough-order AWS pricing mapped to your boxes — EC2, Lambda, RDS, ElastiCache, and more — so cost tradeoffs stay visible while you iterate.
While the sim runs: a top status bar (RPS, p99, errors, bottlenecks), readouts on nodes, and toolbar Metrics opens a full-page System metrics analysis view with latency history and bottleneck callouts—built for interview and SRE-style narratives.
Start from real patterns — e-commerce, chat, serverless APIs, IoT, exchanges, ML pipelines, MCP agents — then stress-test with simulation and chaos.
Copy share link creates a short URL—your diagram is stored server-side with a 7-day expiry so big designs share cleanly. For something permanent, use export JSON or PNG.
FIELD REPORTS
Used by engineers and students to prep, teach, and stress‑test distributed architectures.
"I ended up using this in a couple of planning meetings. The live latency view made the tradeoffs easier to talk through without turning it into a whiteboard debate."
"I used it while reviewing front-end flows before implementation and it was actually helpful. The visual states made it obvious where the UI needed clearer loading, error, and empty-state handling instead of guessing."
"I used this for gaining a deeper understanding of how the systems I work with handle traffic at different volumes. The visual feedback makes it very easy to identify weak points. It speeds up the iteration and ideation processes."
"The templates are better than I expected. I could start from something close to what we run and then tweak it instead of dragging everything out from scratch."
"I used it for interview prep because it made system design feel less abstract. Seeing requests move through the architecture helped me explain tradeoffs out loud instead of memorising diagrams."
"We covered these ideas in our distributed systems module, but this made the behavior easier to see. Queues, failures, and latency changes were much easier to connect to the theory."
"I built it because architecture diagrams should do more than sit there looking confident. The fun starts when your system pushes back with latency, failures, and cost before production gets a vote."
System Design Guides
28 in-depth guides. Real back-of-envelope estimation. Failure narration scripts. Every guide has a matching blueprint you can simulate.
No login. No credit card. No nonsense.
Just you, a canvas, and infinite possibilities.
Or don't. We'll be here. Waiting. Patiently. █
Built By
Two contributors. One context window.
No standups. No Jira. No regrets.