← All particles
Bloom Open
Particles leave a centre together and decelerate into an even ring.
revealelegantpremium64 particles · light · canvas-2d · automatic · finite
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.
237 lines · react only
import { useEffect, useRef } from "react";
/**
* Vibary · Bloom Open
*
* Particles leave a centre together and decelerate into a ring, the way
* something opens rather than the way something explodes.
*About this effect
The moment something opens — a workspace unlocking, a feature becoming available, a panel that has finished preparing itself. The angles are stratified rather than random: each particle takes one slot of the circle and is jittered only inside that slot, because uniformly random angles clump into knots and gaps and the ring reads as torn. Deceleration is carried by streak length — each particle is a short radial dash sized from its own radial speed, so the dashes shorten into dots as the ring sets, and the eye reads arrival rather than a cut.
Unlocking a featurePanel openingSuccessful activationFocus on a new control