Cards

Traveling edge glow card

A dark card ringed by a two-tone gradient border that slides endlessly, doubled by a blurred echo that lights the surface behind it.

Product update

Real-time collaboration is here

See teammates’ cursors, comments and edits the moment they happen, no refresh needed.

Using Traveling edge glow card

A dark card ringed by a two-tone gradient border that slides endlessly, doubled by a blurred echo that lights the surface behind it.

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: borderSize, radius, speed, colorStart, colorEnd

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

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.

1841Bevel Edge Panel CardCardsA card with a one-pixel inner bevel that makes it look pressed into the page, and a frame mode that groups stacked sub-panels.

1845Brushed Metal PassCardsAn access-pass card whose brushed metal face carries a specular band that swings with the pointer, over a rippled noise surface and a fine grain.

1846Card Shuffle StackCardsA fanned stack of panels that cycles on a timer: the front panel drops away, the rest step forward, and the dropped one swings in at the back.

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.