Cursor Trail

Pointer-driven icon trail that spawns drifting Union marks as you move — tuned for hero cards and playful brand moments.

CursorGSAPParticlesHover
Asset previewStage · 16 : 10
Web · React + GSAPLive

Move your cursor

Move the pointer inside the stage and GSAP spawns lightweight image particles at a throttled interval.

Move the pointer inside the stage and GSAP spawns lightweight image particles at a throttled interval. Each mark drifts, rotates, and fades out without blocking interaction.

Built for embedded previews on landing pages: a faint legend shows the icon set while a hint invites exploration.

Status
Production ready
Category
Cursor
Engine
GSAP
Platforms
Web
Last updated
May 2026· v1.0.0
Implementation

Particles are ephemeral DOM nodes capped by maxParticles; spawn rate is gated by minimum pointer travel distance.

Respects prefers-reduced-motion and skips animation when the user opts out of motion.

  • Featured animation cards

    Give library previews a tactile, on-brand cursor moment.
  • Hero sections

    Soft delight without replacing the system cursor.
  • Brand playgrounds

    Swap the icon set for product marks or seasonal assets.