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

Custom cursor

The default OS cursor is hidden and replaced with a custom element that follows the mouse.

What you're seeing

A dot, circle, or shape that replaces the arrow cursor — often with a lag effect.

Where you'll see it

Agency sites, portfolio sites, immersive experiences.

Difficulty

Low — 2/5

Libraries that build it

GSAPcustom JSMotion

Ready to prompt — paste this into your AI coding tool

"Hide the default cursor, create a circular div that follows mouse position with lerp smoothing (0.1 factor), scale up on hover over links"

Related Cursor & Pointer effects

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