Every example is a complete, working project: an Arduino sketch, a web page, and a wiring note. Start at the top and work down, or jump to the hardware you have.
A dashboard for every pin on your board, laid out over a photo of it. Test circuits without writing a line of code.
Two buttons on a web page turn the board's LED on and off. The simplest possible start — no frameworks at all.
Turn a knob, and a circle on screen grows and shrinks with it. Your first taste of live data flowing into a p5.js sketch.
One light, four switches: two physical buttons and two on screen. Press any of them — everything stays in sync.
The Arduino announces its own analog input and the browser listens — a turn of the knob shows up live on screen with no JS setup.
Send named key/value messages between the browser and the sketch — no pins involved — and inspect every frame on the wire with the live traffic monitor.
The Arduino sketch creates the servo and the browser receives it automatically — then both sides drive the same horn.
A full servo control panel: immediate and timed moves, soft limits, and homing, with a live gauge and call log.
Precise position moves, continuous rotation, and a live position readout — the browser as a motor controller.
Drive smart serial servos — the kind used in robot arms. Pose a joint by hand, read it back, and replay it.
Two different motors — mix a servo, stepper, or bus servo — sweep in perfect unison using a group.
Teleoperate a robot arm by hand: move a leader arm and a second follower arm mirrors it live, joint for joint — the LeRobot leader/follower rig, in the browser across two boards.
Author expressive motion on a timeline — draw keyframes for any mix of servos, bus servos, and steppers, play it back phase-locked, and copy out the JavaScript or Arduino code.
Mix a colour by moving the mouse across a hue-and-brightness field, and an LED strip follows the colour under your cursor live.
A distance sensor paints a colour bar that responds as you move your hand closer and further away.
Tilt the sensor and watch a 3D model rotate with it, live, in all three axes.
Live video from an ESP32 camera lands on a p5.js canvas, pixels and all — ready for creative coding.
Run MediaPipe pose detection on live ESP32 camera video — green landmarks and a skeleton track a person moving in front of the lens.