Creepy Button

Creepy Button is a button in the UI HUB buttons collection. Two white eyes with cursor-tracking pupils peek from under a cover face that tilts to -12deg on hover, blinking every 3 seconds.

The component is driven by 4 documented props (children, className, coverClassName, onClick), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: atan2 pupil tracking with vision clamping; 3s looping blink keyframes; Spring cover tilt on hover.

Preview the button in the browser above, copy the source, and paste it into your project. Buttons components in UI HUB are grouped by category so you can compare effects side by side before choosing one.