Cursor Glow Trail adds customizable neon cursor trails with adjustable glow, softness, and touch support. Super lightweight, responsive, and accessible.
Make it with Workshop
Build your own component with AI
Add a neon-bright cursor trail with smooth fading glow effects. Fully customizable, lightweight, and designed to give any site that modern, interactive edge.
Perfect for creative websites, design portfolios, or interactive interfaces looking to add an eye-catching glow effect that responds instantly to user movement.
Features
✅ Glowing Cursor Trails – Smooth dots follow the cursor with vivid, layered glow effects
✅ Glow Intensity & Softness – Fine-tune brightness and bloom spread for subtle or bold visuals
✅ Color Presets – Neon Cyan, Hot Pink Magma, and Electric Green included
✅ Custom Color Trail – You can also select 'custom' and add in your own color
✅ Customizable Trail – Control size, density, and lifespan for unique effects
✅ Touch Support – Optional trail effects on mobile devices with adjustable density and size
✅ Responsive Controls – Hide the effect on mobile breakpoints when needed
✅ Accessibility-Friendly – Respects reduced motion settings for better user experience
✅ Lightweight & Performant – Optimized rendering for smooth 60fps animations
Component Controls
Preset Colors – Pick from Neon Cyan, Hot Pink, or Electric Green
Density & Lifespan – Adjust number of dots and how long they stay visible
Size – Set dot size for subtle sparks or bold neon blobs
Glow Intensity – Scale overall brightness of the glow
Glow Softness – Control bloom spread for sharper or softer glow
Touch Settings – Enable trail on touch devices with size & density options
Hide on Mobile – Option to disable trails under your chosen breakpoint
z-Index Control – Keep trails above or below your site content as needed
Respect Reduced Motion – Toggle accessibility preferences
Component Settings