Cursors Custom
Custom cursors, magnetic interactions, trails and light effects.
How to create a unique cursor that reinforces your site's identity? These 26 JavaScript cursor effects cover the most requested patterns: smooth follower, particle trail, spotlight, magnetic cursor and contextual interactions. Ideal for creative portfolios and premium sites.
Dot Follower
Central dot with a ring that follows with delay.
Glow Effect
Glowing halo that follows the cursor.
Cursor Trail
Dot trail that follows the movement.
Magnetic Effect
The element is attracted toward the cursor.
Spotlight Reveal
The cursor reveals hidden content.
Emoji Cursor
Replaces the cursor with an emoji.
Illuminated Content
The cursor lights up the content
Cursor Spotlight
Spotlight effect that illuminates content on hover.
Cursor Ripple
Creates ripples on cursor movement.
Cursor Text
Displays coordinates or custom text.
Cursor Morph
The cursor changes shape based on the hovered element.
Custom Circle Cursor
Circle cursor with contrast effect and enlargement on hover.
Cursor Trail Effect
Cursor trail with 5 points and fading opacity.
Cursor Expand
The cursor expands differently depending on the element type.
Magnetic Cursor
The element follows the cursor with a subtle magnetic effect.
Spotlight Cursor
Spotlight effect that follows the cursor with a radial gradient.
Cursor Text Reveal
The cursor reveals the text with a circular clip-path effect.
Magnetic Elements
Elements move toward the cursor when it's nearby, with an elastic return.
Secret content discovered!
Find the hidden treasuresCursor Spotlight
A light halo follows the cursor and reveals hidden content beneath a dark veil.
Trail Particles
The cursor leaves a trail of luminous particles that fade with physics.
Cursor Ripple Field
Cursor movement creates circles that expand like raindrops.
Custom Cursor States
The cursor changes shape based on context: circle, diamond or dashed circle.
Cursor Tilt Effect
The card tilts in 3D toward the cursor position with a dynamic light reflection.
Cursor Text Scramble
Text near the cursor scrambles then progressively reconstitutes.
Elastic Cursor
A custom cursor that stretches in the direction of movement and bounces when stopping.
Cursor Color Sampler
The cursor picks up the color of the hovered area and uses it as a luminous halo.
Gravity Well Cursor
Elements near the cursor undergo gravitational attraction creating a distortion field.