Skip to content

Schematic Editor

The schematic editor is the core area where you design your circuits. It supports both mouse and touch inputs for flexibility across devices.

Learn how to place components on the canvas.

  • Pan: Drag with two fingers (touch) or use middle-click/Space+Drag (mouse).
  • Zoom: Pinch with two fingers (touch) or use Ctrl+Wheel (mouse).
  • Select: Tap or click on a component or wire to select it.

When the editor is in Move Mode, you can relocate components using two interaction models:

  1. Press-Drag-Release (Fast)

    • Click/Touch and hold a component.
    • Drag it more than 5 pixels to “pick it up”.
    • Release your click/finger to drop it.
  2. Tap-to-Pick (Precise)

    • Click/Tap a component to snap it to your cursor (Carrying state).
    • Use the Rotate (‘R’ key or UI button) and Flip controls to orient the component.
    • Click/Tap on the canvas to place it.

When the editor is in Wire Mode, use a “Tap-to-Point” (or Click-to-Point) interaction to draw wires:

  • Start: Click/Tap an unconnected terminal, an existing wire’s end, or splice into the middle of a wire.
  • Corners: Click/Tap empty space to place +90 or -90 degree corners.
  • Finish: Click/Tap the destination terminal or another wire.
  • Press the Escape key (or § on iPad) to cancel an in-progress wire and remove it from the canvas.

Junctions are automatically created when you splice a wire into the middle of another. They connect exactly two wires. To connect 4 wires, two junctions are needed. Junctions share the net name of their attached wires.

You can modify the parameters of components (like transistors) to fit your circuit needs.

  • VDD and GND are global nets. Connecting a wire to a VDD/GND terminal or existing net will prioritize that name globally.
  • Ports: When a wire connects to a port (single terminal), the wire’s net name syncs with the port’s value.