Pulse Field
A field of dots that swells and settles as one, for work happening in the background.
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.
import { useEffect, useRef } from "react";
/**
* Vibary · Pulse Field
*
* A field of dots that breathes as one body — presence for work that is
* happening in the background while the user gets on with something
* else.About this effect
Presence for a job the user is not watching — a sync, an index, an agent still working while they type somewhere else. Every dot runs the same breath, but sampled at a time delayed by its distance from the centre, so the swell travels outward as a single wave and the rim finishes last. That delay is the whole difference: dots pulsing in lockstep read as a strobe however slowly you run them, while a travelling delay reads as one thing inhaling. Size and opacity move together and never approach full contrast, so the field stays under the content it sits behind.