← All particles
Dust Motes
Fine specks adrift in a room, brightening as they cross a shaft of light.
ambientcalmquietwarm120 particles · light · canvas-2d · automatic · looping
Variant
The canvas in this preview is the file shown here. The surrounding demo shell only provides context and is not part of the copied code.
250 lines · react only
import { useEffect, useRef } from "react";
/**
* Vibary · Dust Motes
*
* Fine specks adrift in a still room, with a shaft of light falling
* across them. The technique that makes it read: a mote's brightness is
* derived from its perpendicular distance to the beam's axis, so theAbout this effect
The quietest ambient field in the library: a still room with sun coming in at an angle, and dust turning over in it. The detail that carries it is that brightness is computed per speck from its perpendicular distance to the beam's axis — the same mote is dim, then bright, then dim again as it drifts through, so the light and the field belong to one room. A glow layered over an evenly lit field never does that. Good behind an empty state, an about screen, or anything that should feel unhurried rather than idle.
Empty stateAbout screenReading mode backgroundIdle screensaver