Backgrounds

Gravity dust field

A slow field of glowing dust specks that bend toward or away from the pointer and flare brighter the closer they get.

Deep field

A slow drift of dust holding a loose orbit

Move the pointer through the panel to bend the field toward it.

Using Gravity dust field

A slow field of glowing dust specks that bend toward or away from the pointer and flare brighter the closer they get.

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: count, accent, influenceRadius, mode, speed, collide

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

1670Bouncing sphere pitBackgroundsA boxed pit of weighty spheres that fall, knock into each other and pile up, scattering whenever the cursor wades through them.

1714Light Beam FlareBackgroundsA narrow beam falls from the top of a dark stage into a wide horizontal flare, with drifting haze and a beam that leans toward the pointer.

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.

1733Pointer lit latticeBackgroundsA canvas lattice whose cells light as the pointer passes, hold, then decay, with a press sending a ring of light expanding to the far corners.

2110Aurora band glowBackgroundsA soft ribbon of light lying across a dark frame, its edge wandering on layered noise while the color walks along its length.