Animations

Dither Veil

A drifting veil of noise drawn as chunky ordered-dither pixels, that parts around the cursor.
import { DitherVeil } from "pleate/effects/dither-veil";

Veil

Through the veil

It parts around the cursor.

Coarse, no clearing

Props

color

Dot color.

stringdefault var(--pl-accent)

pixelSize

One dither pixel in px.

numberdefault 4

scale

Noise zoom: higher means smaller clouds.

numberdefault 2.5

clearRadius

Clearing around the cursor as a share of the height; 0 turns it off.

numberdefault 0.28

speed

Playback speed multiplier.

numberdefault 1

Accessibility

  • Decorative canvas, hidden from assistive tech.
  • Pauses off screen. Reduced motion shows one still frame. Without WebGL2 only the container background shows.