SHOWCASE / MOTION & INTERACTION

Physics.

Let the dots fall. Watch them bounce off the words on the page.

MAKE AN
IMPACT.

A thousand small reasons to let go.

React · View code

Rain, text collisions, and reform

1const surface = useRef<SwarmSurfaceHandle>(null);
2const createPhysics = useCallback((points: readonly PhysicsPoint[]) =>
3  new ProSwarmPhysics(points, { collisions: true, particleRadius: 1.8 }), []);
4<SwarmSurface ref={surface} targets={targets} createPhysics={createPhysics}
5  colliders={[{ ref: headline, kind: "text" }]}
6  gravity={740} restitution={0.76} />
7 
8// Separate actions: release, then return whenever you choose.