Backgrounds

Pointer angle sweep

Pointer angle sweep: A panel lit by a conic sweep whose origin sits under the pointer and whose bright edge points back at it, easing to a slow idle spin when the pointer leaves.

Ambient light

Using Pointer angle sweep

Pointer angle sweep uses the card preview frame with a dark theme setting.

Customize the preview

These controls are passed to the demo. Defaults and limits describe the preview; consult the implementation for its full prop API.

Control	Type	Default	Preview limits
`accent`	`color`	`#7C5CFF`	No additional limit in the metadata.
`wedgeSoftness`	`number`	`0.5`	From 0.1 to 1; step 0.05
`followLag`	`number`	`0.35`	From 0 to 1; step 0.05
`idleSpin`	`boolean`	`true`	No additional limit in the metadata.
`intensity`	`number`	`0.8`	From 0.2 to 1; step 0.05

Which frameworks are available for Pointer angle sweep?

Pointer angle sweep is available for React, Vue, Svelte, Astro, HTML. The live preview uses React; the source observations below apply to index.tsx. Check the selected port before relying on the same interactions.

What does Pointer angle sweep depend on?

The React metadata lists these npm dependencies beyond React: motion, clsx.

What accessibility details are visible in Pointer angle sweep?

The React source for Pointer angle sweep includes: attributes and handlers (aria-hidden). These are source observations. Verify accessible names, focus order and keyboard behavior in the composed page.

How does Pointer angle sweep handle reduced motion?

Pointer angle sweep reads the motion preference in its React source through useReducedMotion(). Check the full implementation, shared styles and selected port with reduced motion enabled; these observations do not establish that every animation stops.

Connect your agent

Related open components

Still of the Gradient slat spotlight component, a Fieldbook UI component in Backgrounds.

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

Still of the Aurora veil component, a Fieldbook UI component in Backgrounds.

1526Aurora veilBackgroundsA full-bleed background of three drifting ribbons of light that add up where they cross, over a dark ground, with a caption layer that stays readable.

Still of the Bulging dot field component, a Fieldbook UI component in Backgrounds.

1671Bulging dot fieldBackgroundsA fine grid of dots that swells outward under the cursor like fabric pushed from behind, springing back with one soft overshoot the moment the pointer moves on.

Still of the Drifting glass shards component, a Fieldbook UI component in Backgrounds.

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.

Still of the Magnetic particle ring component, a Fieldbook UI component in Backgrounds.

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.

Still of the Particle drift component, a Fieldbook UI component in Backgrounds.

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.