Glow Pop
One soft expansion of light for a small win, and nothing more.
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 · Glow Pop
*
* One soft expansion of light, and nothing else. For a small win — a
* task ticked off, a field accepted, a message sent.
*About this effect
The most restrained celebration in the library, and deliberately so: a task ticked off or a field accepted does not want confetti. The gradient's stops move rather than the shape scaling — the core drains as the radius grows, so a filled bloom becomes a soft ring and then nothing, which is how light spreads and is not how a sprite scales. One pulse, never two: the variants change how far and how fast it travels and nothing about how many times it happens. Peak opacity stays under half, the radius decelerates, and the count is exactly one, which is why it costs a single gradient fill per frame.