KQ-268 · GOOGLY/EYES
Googly Eyes
A pair of stick-on plastic eyes that follow your cursor with a slight spring lag, blink on their own schedule (every third one a double), and go cross-eyed when you get too close to the bridge of their nose. Boop them and the pupils rattle loose before settling back to work. Nothing here re-renders — tracking rides motion values from a document listener.
KQ-268 · GOOGLY/EYES
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/googly-eyes
Props
- size
- number
- default 44
- Eye diameter in pixels; everything scales off it.
- onBoop
- () => void
- default —
- Fires on each boop.
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 44 | Eye diameter in pixels; everything scales off it. |
| onBoop | () => void | — | Fires on each boop. |