See how your stack actually works
DevTools turns the systems developers rely on every day — from Git and the JavaScript runtime to Docker, AWS, Kafka, databases and the wire itself — into interactive visual simulations. Run real commands, watch the state change, and build a mental model you can trust.
The tools
Git, JavaScript and Kafka are live; the rest are in active development.
Git Visualizer
LiveRun add, commit, merge, rebase, cherry-pick and more against a simulated repository — and watch the commit graph, branches and remote react to every command.
Kafka Playground
LiveDesign topics, partitions, producers and consumer groups on an interactive canvas, then simulate the cluster — watch messages flow, scrub the timeline, inject broker and consumer failures, and track live throughput and lag.
JavaScript Internals
Step through the JavaScript runtime — the event loop, call stack and queues, the Array node canvas, scope chains and closures, DOM events, and the browser rendering pipeline. All sections are live.
Open toolDocker World
Build containers, images, networks and volumes on an interactive canvas — then schedule them onto a simulated Kubernetes cluster and watch pods, services and scaling behave.
PreviewAWS Playground
Wire core AWS services together on an interactive canvas and watch how requests, queues and storage interact across your architecture.
PreviewDatabase
A schema builder and visualizer — design tables, relationships and indexes on a canvas, and flip the same model between SQL and NoSQL to see it both ways.
PreviewWeb Communication
Follow a request across the wire — DNS, handshakes and HTTP visualized hop by hop, all the way down to the packets.
PreviewWhy simulations
Reading about infrastructure is not the same as watching it react.
Real semantics
Each tool is backed by a simulation engine that mirrors how the real system behaves — not a slideshow of static diagrams.
Break things safely
Everything runs in your browser against simulated state. Force-push, rewrite history, drop a connection — then reset and try again.
Learn by doing
Every action is visualized step by step, so the mental model comes from what you see happen, not what you memorize.
Start with Git
The Git Visualizer is the deepest tool here and the best place to start; JavaScript Internals and the Kafka Playground are fully live too. Docker, AWS, Database and Web Communication are in active development — preview what's coming from their cards above.
Try the Git Visualizer