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

Cursor trail

The cursor leaves a trail of elements — dots, sparks, or shapes that appear and fade as the mouse moves.

What you're seeing

Move the mouse and small particles trail behind it, fading out like a comet tail.

Where you'll see it

Playful brand sites, interactive art.

Difficulty

Medium — 3/5

Libraries that build it

GSAPcanvascustom JS

Ready to prompt — paste this into your AI coding tool

"Spawn [element] at cursor position on mousemove, animate out with GSAP fade + scale, pool and recycle elements"

Seen in the wild

Active TheoryThe Venice studio that set the bar for WebGL agencies — v5 of their site flies you through environments from their own history, with cursor trails networked live between everyone currently visiting.

Related Cursor & Pointer effects

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