Cursor spotlight effect: a glow that follows the mouse
A soft glow follows the pointer across a dark panel, as if you were holding a torch over it. The text sits above the light, so it stays readable.
Effects
Custom cursor effects for the web
Copy-and-paste cursor effects with live demos. Each one turns itself off for readers who ask for less motion, steps aside on touch screens, and gives the native cursor back over form fields.
Cursor trail effect: a fading line that follows the mouse
A soft line follows the pointer and fades within half a second. It draws on a single full-screen canvas, so it stays smooth and never gets in the way of a click.
Custom image cursor in CSS: SVG arrow, hotspot, fallback
Two inline SVG cursors, an arrow and a dot for links, set with cursor: url() and a keyword fallback. Text fields keep their normal I-beam. An optional script adds a small ripple where you click.
Dot and ring cursor follower: copy-paste CSS and JS
A small dot sits exactly on the pointer while a thin ring follows a beat behind and grows over links. The system cursor stays visible, so nobody loses their place.
Hide the native cursor safely: a scoped CSS and JS pattern
This pattern hides the system cursor only inside the sections you choose, draws a dot exactly where the pointer is, and hands the real cursor back wherever hiding it would hurt.
Magnetic button: a button that leans toward the cursor
As the pointer comes near, the button drifts toward it and its label drifts a little further. When the pointer leaves, it settles back into place.