fayazara/robot-heads

选用指南

AI 根据 README 整理 · 2026/10/14 20:26:02

使用方式

通过npm安装，作为React组件使用，需React 18或更新版本。

查看 README 依据

# robot-heads Animated 3D robot heads for React. Glossy, TV-headed bots with an LED-matrix face that shows what your agent is doing — thinking, searching, listening, speaking and more — in four shapes, with a springy antenna, knob ears and a light on top that changes with the state. Drawn on a 2D canvas: no WebGL, no runtime dependencies. **[Playground →](https://robot-heads.fayaz.workers.dev)** ## Install ```bash npm install robot-heads ``` React 18 or newer is a peer dependency. ## Quick start ```tsx import { RobotHead } from 'robot-heads';

部署要求

需要React 18或更新版本作为peer dependency。

查看 README 依据

# robot-heads Animated 3D robot heads for React. Glossy, TV-headed bots with an LED-matrix face that shows what your agent is doing — thinking, searching, listening, speaking and more — in four shapes, with a springy antenna, knob ears and a light on top that changes with the state. Drawn on a 2D canvas: no WebGL, no runtime dependencies. **[Playground →](https://robot-heads.fayaz.workers.dev)** ## Install ```bash npm install robot-heads ``` React 18 or newer is a peer dependency. ## Quick start ```tsx import { RobotHead } from 'robot-heads';

已知限制

动画可能超出元素边界，父容器需注意overflow: hidden可能裁剪动画。

查看 README 依据

Its motion is not part of that box. Hops, the antenna's glow and the floor's shadow draw past its edges — like a CSS `box-shadow`, they overflow without taking any room in your layout, and only the box takes clicks. So margins, flex and grid treat it as exactly `size` × `size`; the one thing to watch is a parent with `overflow: hidden` right round it, which would cut off a hop. ## Behaviour - **Pointer play.** With `interactive` on (the default), the head and eyes follow a nearby pointer, and a click makes it hop with a full spin and a happy face.