Chroma Trail
A hue-cycling rainbow comet trails every movement of your cursor.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| speed | number | 2 | How fast the hue cycles per frame — higher = faster color rotation |
| trailLength | number | 28 | Number of trail points — more = longer comet tail |
When to Use
Perfect for creative portfolios, music visualizers, and any site that wants an instantly eye-catching cursor that makes every mouse movement feel like painting.
Best Practices
Keep speed between 1-4 for smooth cycling. Works best on dark backgrounds. Set trailLength to 20-40 for optimal performance.
Why This Component Matters
A constantly shifting hue trail is one of the most visually arresting cursor effects — impossible to ignore and impossible to mistake for a default cursor.
FAQ
QDoes it slow down performance?
No — it draws a small array of circles per frame. Even with 40 trail points, the GPU cost is negligible.
QCan I slow the color cycle?
Yes — set speed to 0.5 or 1 for a slow, mesmerizing shift. Set to 5+ for a rapid disco effect.
Related Components
Broken Shard Gallery
Images explode outward from center into a chaotic gallery layout as you scroll.
Velocity Smear
Gallery that skews and stretches in real-time based on scroll velocity — the faster you scroll, the more the images smear.
Curtain Split
Two image panels split apart like stage curtains on scroll, revealing editorial text content hidden beneath.