Stripboard Editor|Quick Guide

Quick Guide

Workflow

  1. Design the schematic on the left. Add components from the library and draw wires between pins to define nets.
  2. Place components on the stripboard on the right. Drag them from the unplaced tray onto the board.
  3. Resolve conflicts. Place cuts between holes to isolate strips and add wires to connect separated nets.
  4. Done. When all nets are complete and there are no conflicts, you are ready to solder.
Example finished circuit with schematic and stripboard

A finished project: schematic on the left, stripboard layout on the right.

Schematic Editor (left)

  • Drag components from the library sidebar onto the canvas.
  • Press W to enter wire drawing mode, then click pins to connect them.
  • Connected pins automatically form a net. Rename or recolour nets in the sidebar.
  • Click a component label to rename it. Click a pin label to rename the pin.
  • Drag labels and pin labels to reposition them if they overlap with wires.
  • Use the footprint editor (on the stripboard side) to customise a component's physical layout.

Stripboard Editor (right)

  • Drag components from the Unplaced tray onto the board.
  • Strips automatically colour to match the net of the pin sitting on them.
  • Red highlighted strips indicate a conflict where two different nets share the same strip.
  • Click between two holes to place a cut, isolating the strip into sections.
  • Click a hole then another hole to place a wire connecting them. Click an existing wire to delete it.
  • 2-pin passive components (resistors, LEDs, etc.) have flexible leads. Drag individual pins to reshape them.
  • Non-flexible components (ICs, connectors, etc.) can have their footprint edited. Click the icon next to a component in the sidebar to open the footprint editor. You can resize the grid and move pins around to match your physical component.
  • Hover over an incomplete net in the sidebar to highlight the relevant strips.

Keyboard Shortcuts

RRotate selected component
MMirror selected component (schematic)
WToggle wire drawing mode (schematic)
DeleteRemove selected component or wire
EscapeCancel current action or exit wire mode
Ctrl + ZUndo
Ctrl + YRedo
Arrow keysMove selected components (bulk move)
Right-click dragPan the canvas
Scroll wheelZoom in / out

Custom Components

Click + Create Custom at the bottom of the library. Define the grid size, place pins, and assign names. Your custom components are saved with the project and appear in a dedicated Custom section.

Saving & Sharing

  • No account is required. When you save a project for the first time, a unique link is generated. Bookmark or save this link to return to your project later.
  • You can also export your project as a JSON file and re-import it at any time.
  • Creating an account lets you access all your projects from a central dashboard without needing to save individual links.
  • Logged-in users can share projects. Each project has an edit link for full access and a separate view-only link for sharing with others.
  • Anyone viewing a shared project can fork it to create their own editable copy.