npm i mouse-animations

Invert

// colors flip under your cursor

50
0.12
npm i mouse-animations

Trail

// move your mouse around

#c084fc
5
20
0.05
0
npm i mouse-animations

Ripple

// click anywhere

#60a5fa
0.60
600
150
npm i mouse-animations

Custom Cursor

// dot + ring following your cursor

#34d399
#34d399
6
36
0.15
npm i mouse-animations

Magnetic

// elements are pulled toward your cursor

0.40
120
0.15
npm i mouse-animations

Particles

// click to burst

27
10
35
npm i mouse-animations

Parallax

// elements shift with mouse depth

20
0.08
npm i mouse-animations

Tilt

// hover the cards

TypeScript
Zero deps
< 5 kB
15
800
npm i mouse-animations

Spotlight

// hover the cards

Trail
Ripple
Magnetic
#fb923c
0.15
200
npm i mouse-animations

Flashlight

// move to reveal

0.85
180
8
npm i mouse-animations

Image Cursor

// custom SVG replaces your cursor

32
32
0.10
1 / 11