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.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.