Logic Gate Sandbox
Wire gates together and watch the signal propagate.
AdvancedWeb appEducation16–32hAI-buildable 3/5no setup
Drag logic gates onto a canvas, connect them with wires, and toggle inputs to see values flow through. Build a half-adder from scratch and it clicks in a way a truth table never manages. Propagating signals through an arbitrary graph is the core problem.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- A palette of gates that drag onto the canvas
- Gates connect by dragging from an output to an input
- Toggling an input propagates values through the whole circuit
- Wires colour by their current value
- Gates and wires can be deleted
- A truth table generates automatically for the built circuit
- Feedback loops are detected and reported rather than looping forever
The interesting part
- Evaluating a directed graph where node order isn't known in advance
- Detecting cycles before they cause infinite propagation
- Wire routing that stays readable as the circuit grows
Once it works
- Let a circuit be saved as a reusable component
- Add a clock and sequential logic
- Add propagation delay visualisation
Suggested stack
reacttypescripttailwindcanvas-api