Cards

Pointer Spotlight Panel

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

Edge caching

Responses are cached at the nearest region and served in under 40ms. Cache keys update automatically when the underlying data changes.

Using Pointer Spotlight Panel

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

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: accent, radius, intensity, fadeMs

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

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.

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.

1886Sheen sweep cardCardsA 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.

1544Spotlight cardCardsCards whose 1px border and surface light up around the pointer, with the highlight carrying across a row of stat tiles.

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.