Cards

Sheen sweep card

A card with a band of light parked off one corner that travels across the face on hover and slides back the moment the pointer leaves.

Weekly revenue

$48.2K

Up 12% from last week

Active sessions

3,482

Up 4% since 9am

Using Sheen sweep card

A card with a band of light parked off one corner that travels across the face on hover and slides back the moment the pointer leaves.

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: angle, bandSize, duration, playOnce, glareColor

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

1876Pointer Spotlight PanelCardsA content panel with a soft light that follows the pointer across its face and pins to the centre on keyboard focus.

1854Edge tracking glow cardCardsA card whose outline only lights up where the pointer gets close to it, brightening as you approach the rim and going dark near the middle.

1865Holographic ID cardCardsA person card that tilts toward the pointer while a holographic sheen slides across its face, with a footer strip carrying the avatar, handle, status and a contact button.

1784Link thumbnail peekCardsHovering a link in running text lifts a small framed thumbnail of where it leads, with the page title and host underneath.

1875Pixel Bloom CardCardsA card whose surface fills with tiny squares that bloom outward from the centre on hover, shimmer while held, and shrink away on leave.

1830Pointer spotlight cardCardsA card whose border lights only along the arc nearest the cursor, with a soft interior wash that follows the pointer and retreats when it leaves.