Distributed System Simulator

FlowFrame

See your backend architecture run.

FlowFrame simulates distributed system patterns โ€” load balancing, caching, API gateways โ€” and plays them back frame by frame. Not just diagrams. Actual running logic you can pause, inspect, and learn from.

EngineersSystem Design learnersTech intervieweesEducators

v1 โ€” 4 scenarios supported ยท More patterns coming

Live simulation preview Running

Round Robin ยท 3 servers ยท Real engine output

โš–๏ธ Load Balancing โ€” Round Robin ยท IP Hash ยท Least-Conn๐Ÿ—„๏ธ Cache-Aside โ€” Redis hit/miss ยท DB fallback ยท TTL eviction๐Ÿšช API Gateway โ€” Path routing ยท Rate limiting ยท Service pools๐Ÿ”‘ Valet Key โ€” Token issuance ยท Direct cloud-storage upload๐Ÿ› ๏ธ Custom Sandbox โ€” Build & test any topology๐Ÿ“š Interactive Docs โ€” Learn by running live simulationsโš–๏ธ Load Balancing โ€” Round Robin ยท IP Hash ยท Least-Conn๐Ÿ—„๏ธ Cache-Aside โ€” Redis hit/miss ยท DB fallback ยท TTL eviction๐Ÿšช API Gateway โ€” Path routing ยท Rate limiting ยท Service pools๐Ÿ”‘ Valet Key โ€” Token issuance ยท Direct cloud-storage upload๐Ÿ› ๏ธ Custom Sandbox โ€” Build & test any topology๐Ÿ“š Interactive Docs โ€” Learn by running live simulations

What makes it different

Not a diagram tool.
A running system.

Most system design tools let you draw boxes and arrows. FlowFrame actually runs the logic, captures every hop, and plays it back so you can see what's happening inside.

โšก

Run real simulations

The engine actually runs your distributed system. Requests hop from Client โ†’ Load Balancer โ†’ Server โ†’ Redis โ†’ Postgres โ€” not just drawn arrows.

๐ŸŽž๏ธ

Frame-by-frame playback

Every request hop becomes a playback frame. Pause at any moment, scrub backwards, or fast-forward. See exactly what happened and why.

๐Ÿ”ฌ

Inspect node state

Open any node's inspector. See Redis key snapshots, server load, capacity, request queues โ€” all updating live as the simulation runs.

๐Ÿ“š

Learn as you simulate

Each concept has a guided doc page with a live sim embedded. Read the theory, trigger the failure, watch the recovery โ€” all on one screen.

Supported in v1

4 SCENARIOS

Pick a scenario. Hit play.

Each scenario is pre-wired with real engine logic. Just select one and watch the architecture run.

โš–๏ธ
v1 ยท Live

Load Balancing

Watch Round Robin and IP Hash distribute requests across 3 servers. Drag capacity to 0 to see failover in action.

Round RobinIP HashFailover
Open Simulatorโ†’
๐Ÿ—„๏ธ
v1 ยท Live

Cache-Aside

Three deterministic requests: cache hit, cache miss โ†’ DB fallback, and invalid key. See Redis snapshots update frame-by-frame.

Redis Hit/MissDB FallbackTTL
Open Simulatorโ†’
๐Ÿšช
v1 ยท Live

API Gateway

Path-based routing with server pools. Set a server's capacity to 0 and watch the gateway return 503 automatically.

Path RoutingRate Limiting503 Failover
Open Simulatorโ†’
๐Ÿ”‘
v1 ยท Live

Valet Key Pattern

Client requests a signed upload token from the server. Server issues it. Client uploads directly to cloud storage โ€” no proxy.

Token IssuanceDirect UploadCloud Storage
Open Simulatorโ†’
๐Ÿ“š

Interactive Docs

Guided learning for each distributed system concept โ€” theory on the left, live simulation on the right. Read the explanation, trigger the scenario, watch it run.

Load Balancers
Cache-Aside
API Gateways
Valet Key
Start Learning โ†’
๐Ÿ› ๏ธ

Custom Sandbox

Drag & drop any component โ€” Clients, Load Balancers, Servers, Redis, Postgres, API Gateways โ€” and wire up your own topology. Then run it.

Drag & drop canvas
Custom connections
Run any topology
Live inspection
Open Sandbox โ†’
Version 1.0

What's supported right now

โœ“ Supported

  • โœ“Round Robin load balancing
  • โœ“IP Hash load balancing
  • โœ“Capacity-based server failover
  • โœ“Cache-Aside pattern (Redis)
  • โœ“Database fallback (Postgres)
  • โœ“API Gateway path routing
  • โœ“Valet Key token issuance
  • โœ“Frame-by-frame playback
  • โœ“Node state inspector
  • โœ“Custom sandbox canvas
  • โœ“Interactive learning docs
  • โœ“Dark / Light mode

โณ Coming next

  • โ—‹More LB strategies (Least Conn, Weighted RR)
  • โ—‹Circuit Breaker & Retry patterns
  • โ—‹Saga / distributed transaction flows
  • โ—‹Message Queue simulations (Kafka, RabbitMQ)
  • โ—‹Multi-region & CDN scenarios
  • โ—‹User-shareable scenario links

Ready to see your architecture run?

Pick a scenario, hit play, and watch every hop of every request โ€” live.