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 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.
  • Place a cut to isolate the strip into sections: click between two holes, or hold Alt and click a hole to cut the strip at the hole itself.
  • Click a hole then another hole to place a wire connecting them. Click an existing wire to delete it.
  • A hole holds either a cut or a wire, never both. Click a hole cut to remove it (no Alt needed).
  • 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. Select a placed component, then click Edit Footprint in the floating menu above it. 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.

Printing & Assembly

  • Click Print in the project toolbar to open the print / PDF dialog and generate an assembly guide.
  • The component sheet shows the board from the component side. Lay it on top and push leads through the marked holes.
  • The cut sheet is mirrored for the copper side and marks every track cut with an .
  • The BOM (bill of materials) lists quantities, values, and reference labels for sourcing parts.
  • Toggle reference labels, wires, cuts, and pin labels to tailor each sheet to your build.
  • Optionally add a view or edit QR code that links back to the online project.
  • Print at 100% / actual size and verify the calibration ruler so hole spacing matches real stripboard.

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 + Y / Ctrl + Shift + ZRedo
Arrow keysMove selected components (bulk move)
Alt + click holeCut the strip at a hole (stripboard)
Right-click dragPan the canvas
Scroll wheelZoom in / out

Custom Components

Click + Create Custom Component 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.
a hobby project by Karl Funke (because somehow an editor with live strip coloring like this didnt exist before)