Animations

Pixel Trail

Square pixels light up under the cursor and fade out behind it. Stays inside its box unless fullPage is set.
import { PixelTrail } from "pleate/effects/pixel-trail";

Trail

Draw with the pointer

Props

gridSize

Pixel size (px).

numberdefault 24

duration

Fade time (ms).

numberdefault 600

color

Pixel color.

stringdefault accent

roundness

Corner radius, 0 to 0.5.

numberdefault 0.15

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.