Skip to content

component

Googly Eyes

By Shaigexp

Details

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.

12515017519388/148/228/309/79/15
  • All · #857