Robot Heads

Robot Heads is a React component that draws a TV-headed robot whose LED face reports what an agent is doing. Pass a state and the head changes its face, motion and antenna light: blinking eyes when idle, pulsing dots and an amber light while thinking, a sweeping beam while searching, a live equaliser while listening, a moving mouth while speaking, a progress bar while working, plus happy, error and sleeping. Pick one of four outlines, set shell, trim and screen colors, and adjust the animation speed in the playground, which prints the matching JSX. Everything is drawn on a 2D canvas, with no WebGL and no runtime dependencies.