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

Follow cursor element

An element — image, label, or card — appears and follows the cursor when hovering over a trigger area.

What you're seeing

Hover over a project name and a preview image floats up, following the mouse.

Where you'll see it

Portfolio work lists, image link hovers, project grids.

Difficulty

Medium — 3/5

Libraries that build it

GSAPcustom JSMotion

Ready to prompt — paste this into your AI coding tool

"On hover over list items, show a preview image that follows cursor position with 0.1 lerp factor, hide on mouse leave"

Related Cursor & Pointer effects

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