Backgrounds

Drifting particle field

A slowly tumbling cloud of small round points, each drifting on its own path, with the whole cloud leaning away from the pointer.

Using Drifting particle field

A slowly tumbling cloud of small round points, each drifting on its own path, with the whole cloud leaning away from the pointer.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: color, count, spread, speed, baseSize, parallax

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2000Particle FieldBackgroundsA canvas field of soft floating dots that drift on their own and lean toward the pointer with a gentle magnetic pull, easing back once it moves away.

1686Drifting glass shardsBackgroundsA slow current of translucent slivers that flash as they tumble, scattering from the cursor and gathering back when the pointer holds still.

1720Magnetic particle ringBackgroundsA drifting field of tiny specks that the pointer catches and reorganises into a rippling ring, releasing them again as it moves on.

1536Particle driftBackgroundsA canvas field of slow drifting particles that wrap at the edges, and link with faint lines and ease away where the pointer passes.

2014Pixel snowfallBackgroundsChunky low resolution snow falling through a deep volume, near flakes fat and bright, far ones dim single specks.

2079Vector Flow FieldBackgroundsA full-bleed canvas background where thousands of tiny glowing points drift along a slowly evolving current, leaving soft fading trails behind them.