Cursor effects for websites with prompts

Cursor effects turn the pointer into part of the design. Every effect here runs live, so move your mouse across it, then switch to phone width to see what it does on a touch screen, where there is no cursor at all.

Prompts

Guide

How to prompt a cursor effect people enjoy

  • Keep the real cursor usable. Say whether the effect replaces it or follows it.
  • Plan for touch. Ask for a finger trail, an idle animation or a still version.
  • Stay light. One canvas and one animation loop keep it smooth on older laptops.