What the Frontend? Open the interactive gallery →
Cursor & Pointer

Sticky hover

An element sticks to the cursor on hover — following it around before snapping back.

What you're seeing

Text or an icon lags behind the cursor inside a hover zone — like attached by a rubber band.

Where you'll see it

Navigation labels, card hover states, interactive menus.

Difficulty

Medium — 3/5

Libraries that build it

GSAPcustom JS

Ready to prompt — paste this into your AI coding tool

"On mouseenter, track cursor inside element bounds, lerp element position toward cursor at 0.15 factor, reset on mouseleave"

Related Cursor & Pointer effects

Magnetic cursorCustom cursorCursor trailCursor distortionHover tilt (3D card)Magnetic button
See the animated preview in the dictionary →