component
Googly Eyes
By Shaigexp
Details
- ShaigexpAuthor
- componentType
- 2025-08-22Published
- 2026-06-25Updated
- 2025-08-14Added
- SectionsCategories
Summary
Eyes follow cursor
Description
What it does Drop two oversized eyes anywhere on your canvas. The pupils track the cursor across the entire page and perform a double blink every few seconds. Great for empty‑states, playful hero sections, or subtle loading moments. Highlights Cursor tracking across the whole window (not just hover). Double‑blink animation (two quick squishes per cycle). Always smooth: adjustable follow smoothing for snappy or gooey motion. Auto‑size: “Fit” mode uses aspect‑ratio so frames can be set to Auto height without layout loops; “Fill” mode stretches to parent. Customizable look: sclera/pupil colors, optional outlines, radii, gap, and background. Use cases Delightful onboarding/404 pages Mascot accents on hero sections Attention cues for interactive elements
Introduction
Eyes follow cursor
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #857