(
Loading visualLoading visualLoading visualLoading visualLoading visualLoading visualLoading visualLoading visualLoading visual
)
loading.

Unlock Unlimited Access

Sign in for free to copy all GSAP components, remix full templates, and save your favorites.

Elastic Trail Cursor

An elastic multi-dot cursor follower driven by GSAP ticker physics and dynamic spring-chain mechanics. Fast pointer movements stretch a 6-step chromatic gradient trail behind a high-contrast lead dot, dynamically scaling dot spacing based on velocity. When the cursor comes to a stop, trailing dots smoothly fade out and tuck underneath the lead point while the animation loop automatically sleeps to preserve CPU cycles. Built with strict pointer hygiene, hardware-accelerated 3D transforms, and automatic fallback for touch screens and native form inputs.

Elastic Trail Cursor

An elastic multi-dot cursor follower driven by GSAP ticker physics and dynamic spring-chain mechanics. Fast pointer movements stretch a 6-step chromatic gradient trail behind a high-contrast lead dot, dynamically scaling dot spacing based on velocity. When the cursor comes to a stop, trailing dots smoothly fade out and tuck underneath the lead point while the animation loop automatically sleeps to preserve CPU cycles. Built with strict pointer hygiene, hardware-accelerated 3D transforms, and automatic fallback for touch screens and native form inputs.

CategoryCursor
TagGSAP, Cursor, Trail, Elastic, Physics, Interactive
Guide: How to UseView Guide

API References

PropTypeDefault
dotSizeDiameter of each circular cursor dot in pixels22
maxSpacingMaximum dynamic separation distance between dots during rapid movement (px)4.5
leadResponsivenessTracking responsiveness of the primary lead dot (0.1 – 0.99)0.65
trailDragElastic spring-drag force applied to trailing follower dots (0.1 – 0.8)0.55
leadColorHex color of the solid primary lead dot#0F172A
trailColorsArray of hex color stops defining the chromatic gradient tailSunset 6 colors (#FF9800 -> #00BCD4)
hideNativeCursorWhether to automatically hide the native OS mouse cursortrue
zIndexStacking order layer priority of the cursor overlay999999

Related components