(
Loading visualLoading visualLoading visualLoading visualLoading visualLoading visualLoading visualLoading visualLoading visual
)
loading.

Unlock Unlimited Access

Sign in for free to copy all GSAP components, remix full templates, and save your favorites.

Googly Eye Cursor

A playful and expressive custom cursor featuring animated cartoon googly eyes that smoothly follow pointer motion. Powered by GSAP quickTo interpolation for frictionless tracking, natural periodic blinking, and interactive eye-winks on click. Pupils dynamically glance up or down in real-time according to page scrolling direction and velocity. Contextual detection automatically reveals an accent "click" pill whenever hovering over interactive buttons and links. Self-contained with pure inline styling, zero Tailwind lock-in, and strict touch-hygiene to disable cleanly on mobile devices.

Googly Eye Cursor

A playful and expressive custom cursor featuring animated cartoon googly eyes that smoothly follow pointer motion. Powered by GSAP quickTo interpolation for frictionless tracking, natural periodic blinking, and interactive eye-winks on click. Pupils dynamically glance up or down in real-time according to page scrolling direction and velocity. Contextual detection automatically reveals an accent "click" pill whenever hovering over interactive buttons and links. Self-contained with pure inline styling, zero Tailwind lock-in, and strict touch-hygiene to disable cleanly on mobile devices.

CategoryCursor
TagGSAP, Cursor, Interactive, QuickTo, Animation
Guide: How to UseView Guide

API References

PropTypeDefault
accentColorstring"#E53935"
hideDefaultCursorbooleantrue
hideNativeCursorbooleanundefined
zIndexnumber2147483647
classNamestringundefined
styleCSSPropertiesundefined
childrenReact.ReactNodeundefined

Related components