Logic Gate Builder

Select a gate in the toolbox, click the canvas to place it, then connect ports with the Wire tool. Toggle inputs to see signals propagate live.

Gates

Nodes
Tools
Tool: AND
Boolean Expression
Truth Table
Add Input + Output nodes and connect them to generate a truth table.

How to use the Logic Gate Builder

1

Place gates on the canvas

Click a gate in the left toolbox — AND OR NOT NAND NOR XOR — then click anywhere on the canvas to drop it.

Also place at least one Input node (signal source) and one Output node (result display) from the Nodes section.


2

Connect gates with the Wire tool

Click Wire in the toolbox, then:

Step A — click the small circle on the right side of a gate (its output port)
Step B — click the small circle on the left side of the next gate (its input port)

A curved wire appears. Green = signal is 1  |  Dark = signal is 0.
Each input port accepts only one wire.


3

Toggle inputs to test your circuit

Click any Input node to flip it between 0 and 1. The signal propagates through the circuit automatically — the Output node updates and the truth table on the right refreshes in real time.


4

Move and arrange gates

Switch to Move mode in the toolbox, then drag any gate to reposition it. Wires follow automatically.

Click Auto arrange in the top toolbar to tidy the layout with inputs on the left and outputs on the right.


5

Delete gates or wires

In Move mode, click a gate to select it (border turns orange), then press Delete or click Del selected in the toolbar. Click a wire to remove it.
Use Clear in the toolbox to remove everything.

Quick reference
Place a gateSelect gate → click canvas
Draw a wireWire tool → OUT port → IN port
Toggle input signalClick an Input node
Move a gateMove mode → drag it
Delete selectedSelect → Delete key
Cancel a wire in progressPress Escape