Backgrounds

Particles

A slowly turning 3D cloud of dots, near ones bigger and brighter. The pointer tilts the cloud. Fills its parent: place it with absolute inset-0 behind your content.
import { Particles } from "pleate/effects/particles";

Behind a headline

Small things, many of them

Props

colors

CSS colors or tokens: any number; each dot takes one. Defaults follow the palette.

string[]

speed

Playback speed.

numberdefault 1

scale

Pattern size; above 1 is bigger.

numberdefault 1

interactive

Follow the pointer over the parent element.

booleandefault true

count

Number of dots.

numberdefault 220

Accessibility

  • Decorative: the canvas is aria-hidden and ignores pointer events, so content on top stays clickable.
  • Pauses off screen and in hidden tabs; reduced motion shows one still frame.
  • Canvas 2D.