Hover Effects
Pointer effects for desktop: magnetic buttons, a spotlight that follows the cursor, 3D tilt with glare, and click sparks. Touch and reduced motion get the plain content.
import { Magnet, Spotlight, Tilt, ClickSpark } from "pleate/effects/hover";All four
Spotlight
Move the pointer across the card.
Dolomites
Tilt with glare
Click anywhere here
Props
- Magnet
Pull toward the cursor.
padding, strengthdefault 60 / 0.3- Spotlight
Light following the cursor.
size, colordefault 320 / soft accent- Tilt
3D tilt.
max, glare, scaledefault 10 / true / 1.02- ClickSpark
Sparks on click.
color, count, radiusdefault accent / 8 / 22