Custom cursor effect examples
122 cursor effects from live websites, each credited to its source.
A custom cursor turns the pointer into part of the design: an image trail, a magnifying lens, or something the page reacts to. These work best on portfolios and campaign sites, where play is the point, and they need a plain fallback on touch screens.
- Try
The highest rated of 122 from 16 different sites, including gilhuybrecht.com, ramp.design, marijanapav.com and letsplayfight.com.
- 0:06
Lightsaber cursor that burns molten cuts through the page
gilhuybrecht.com
- 0:08
Minimal hero with cursor-following 3D receipt gun animation
ramp.design
- 0:11
Interactive stamp gallery with magnifying loupe effect
marijanapav.com
- 0:09
Hero section with cursor-reactive distorted image trail
letsplayfight.com
- 0:07
Enter screen where the vinyl slides out of its sleeve toward the cursor, then flies apart on click
ascension.pegassi.be
- 0:09
Project list hover with images that bleed in like ink
surya-aditya.com
- 0:07
3D product box that opens and glows on hover
kingriver.com.au
- 0:08
Sewing needle cursor with a swinging thread
soofonts.com
- 0:09
Scroll-scrubbed map hero: pixel mask closes into a tactical grid, then opens on the restored land
inversa.com
- 0:10
Spider that hunts the mosquito cursor across its web
eranamjoshi.com
- 0:05
Drag to orbit a car around a rendered courtyard scene
spykercars.com
- 0:08
Footer where 3D pinchos rain onto the wordmark and scatter under the cursor
bar-topas.ch
- 0:08
404 page game: knock the pixel digits apart with the cursor
1minus1.com
- 0:08
Press-and-hold footer light that bends around the cursor
prismscience.org
- 0:09
Zero-gravity 3D cans the cursor pushes around a giant wordmark
lajoya-foods.com
- 0:10
Glass bubble cursor reveals photos and creatures inside circles
chandebootcamp.com
106 more cursor effects
Describe what you're after and the library finds it, by look or by what it does. Save the ones you want to a board, then hand the board to your AI tools when it's time to build.
Search all 122 cursor effectsNo card needed to create an account.
Questions
What are good examples of cursor effects?
Three of the highest rated in the library: Lightsaber cursor that burns molten cuts through the page (gilhuybrecht.com); Minimal hero with cursor-following 3D receipt gun animation (ramp.design); Interactive stamp gallery with magnifying loupe effect (marijanapav.com). The rest of this page shows more, each credited to its source.
Where can I find more cursor effects?
This page shows 16 of the 122, chosen from different sites. The rest are in the save.design library. An account lets you open them, search by what they look like or do, and save them to a board. Search shows a preview of the results until you're on Individual, at $12 a month or $10 billed yearly, which has the whole library.
Are these from real websites?
Yes. Each one was recorded from a live site and credited to it. With an account, you can open one to see it in full, along with similar elements and a link to the site.
Check any site with the website analyzer in a save.design account, where a new account includes 10 analyses. Save what you like to a board, then hand it to Claude, Cursor or your other AI tools over MCP when it's time to build.