Siddharth Sanghavi
PROJECT · INDUSTRIAL AUTOMATION

EtherCAT Configurator

A single-file, offline web app for visually laying out Beckhoff EtherCAT stations and multi-vendor control panels — place devices, wire them with automatic cable selection, validate the design, and export a bill of materials, a wiring diagram, and a TwinCAT-style device list.

ROLESole developer
TYPEEngineering tool
STATUSv0.2.0 · active
LICENSEMIT

Runs entirely in your browser — nothing is uploaded.

01

Why it exists

Specifying an EtherCAT station means holding a lot of constraints in your head at once: how much current the E-bus can supply, which potential group a terminal sits in, whether a power supply is sized for the load, whether two connectors can legally be wired together at all. Get one wrong and it surfaces on the shop floor, not at the desk.

This tool moves those checks earlier. You build the panel visually, the wiring rules are enforced as you go, and the validator flags budget and structure problems before anything is ordered. Then it produces the paperwork — BOM, wiring diagram, device list — straight from the model.

It is deliberately one HTML file. No install, no server, no account — the kind of constraint that matters on a locked-down engineering workstation.

02

What it does

DIN-RAIL LAYOUT
Couplers and EL terminals drawn to scale at 4.4 px/mm and positioned by cumulative width. Multiple rails, multiple stations per rail, and free-placed components — PCs, panels, drives, motors, IP67 boxes — on an auto-expanding canvas.
SMART WIRING
Select two connection points and the correct cable is chosen from what they are. Incompatible pairs are refused outright. EtherCAT cables glow, Safety-over-EtherCAT blinks yellow, IO-Link blinks blue.
VISIBLE BACKPLANE
The two buses formed by clipping terminals together — not by any drawn cable — are rendered around each rail: a teal E-bus bar above, and power-contact bars below coloured by voltage and labelled with their source terminal. Makes what feeds what legible at a glance.
VALIDATION
Rail structure, E-bus and power-contact budgets, potential groups, PSU sizing, Hot-Connect IDs, and wiring faults — checked continuously against the model rather than after the fact.
EXPORTS
Excel bill of materials, PDF wiring diagram, PNG of the panel, and a TwinCAT-style XML device list.
OFFLINE BY DESIGN
Vite bundles all JS and CSS inline into one self-contained HTML file, so it runs from a file:// URL with no network at all. Work autosaves to the browser; projects save and load as files.
03

Scale

~660CATALOG PARTS
21MANUFACTURERS
6.6kLINES OF SOURCE
1FILE TO SHIP

The catalog spans couplers, embedded and industrial PCs, panels, drives and motors, the full Beckhoff EL/EP terminal families, plus sensors, contactors and breakers, disconnects, power supplies, distribution, safety devices, pneumatics, IP67 I/O and IO-Link masters. Beckhoff KL terminals sit behind a BK1120 coupler and WAGO 750 I/O behind a 750-354 — bridged, since neither is natively EtherCAT.

04

Built with

React 18 Vite 5 vite-plugin-singlefile jsPDF Python

The UI, geometry, device faces, wiring and exports live in a single React component tree; the parts catalog is split out so the core stays readable, with bulk entries generated from an ETG product CSV by a Python script.