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

Magnetic cursor

The cursor is drawn toward interactive elements as it approaches — snapping as if magnetized.

What you're seeing

Hover near a button and it pulls the cursor in. Move away and it releases.

Where you'll see it

CTAs, navigation links, portfolio thumbnails.

Difficulty

Medium — 3/5

Libraries that build it

GSAPcustom JS

Ready to prompt — paste this into your AI coding tool

"On hover, translate the button toward the cursor position scaled by 0.3×, lerp back on mouse leave, using mousemove and GSAP quickTo"

Related Cursor & Pointer effects

Custom cursorCursor trailCursor distortionHover tilt (3D card)Magnetic buttonCursor spotlight
See the animated preview in the dictionary →