Backgrounds

Sweep scope

A round scope where rings pulse outward from the middle, spokes cut it into sectors and a lobe of light sweeps around the center.

Using Sweep scope

A round scope where rings pulse outward from the middle, spokes cut it into sectors and a lobe of light sweeps around the center.

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, rings, spokes, sweepSpeed, brightness, interactive

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

1947Cursor fluid trailBackgroundsA dark field where dragging the pointer smears colored fluid across it, and the smear keeps curling and thinning out after the pointer stops.

1700Gradient slat spotlightBackgroundsVertical slats hide a colour gradient until a soft spotlight tracks the pointer across them and lights each slat it touches.

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.

2022Radial light burstBackgroundsBlades of light streak out of a dark center, twisting in three dimensions and smeared as if shot on a long exposure.

2267Wire CurtainBackgroundsA curtain of closely spaced vertical wires that folds like cloth in a slow draft and tears open along the path of the pointer.