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.
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.
Cursor 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.
Jack-o'-Lantern Cursor
Pumpkin-head cursor that scatters a trail of tiny pumpkins fading away quickly. Playful, immersive, 100% canvas (no external model or image).
💡 Perfect for: Halloween page/landing, seasonal giveaway, easter-egg, event header, children's page.
Séance Cursor
Interactive Ouija board: the planchette follows the cursor, nearby letters glow and a spectral thread traces the message. Eerie, immersive, perfect for Halloween.
💡 Perfect for: Halloween hero/landing, page easter-egg, interactive quiz/game, haunted 404 page, event teaser.