Cards

Spotlight card

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

Platform overview

Last 30 days

Net revenue

$48,210

6.4%

vs $45,310 in July

Active workspaces

1,284

112

112 joined this week

p95 response

214 ms

18 ms

since the edge cache rollout

Failed webhooks

0.42%

0.11 pt

38 of 9,140 deliveries

Using Spotlight card

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

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, radius, borderOnly

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.

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

1877Pointer tilt photo cardCardsA captioned photo card that tips toward the pointer on a spring, with a soft highlight sliding across the face as it turns.

1802Repelling dot field cardCardsA promo panel filled with a field of dots that push away from the pointer and brighten as it passes.

1545Tilt cardCardsA content card that rotates in 3D toward the pointer with a moving glare, lifts while engaged, and springs back to level when the pointer leaves.