Animations

Splash Cursor

Moving the cursor stirs up clouds of color that swirl, spread and fade, like dye in water. Stays inside its box unless fullPage is set.
import { SplashCursor } from "pleate/effects/splash-cursor";

Splash

Stir the color

Props

colors

Dye colors; empty for a shifting rainbow.

string[]default rainbow

size

Puff size.

numberdefault 1

lifetime

Seconds the dye lasts.

numberdefault 1.6

blur

Softness (px).

numberdefault 10

fullPage

Follow the pointer over the whole page.

booleandefault false

Accessibility

  • Decorative canvas (aria-hidden).
  • Off for touch and reduced motion; the system cursor stays.