Cards

Bouncing Photo Fan

A row of overlapping square photo tiles that pop in with an elastic overshoot, then shove each other aside when one is hovered.

Using Bouncing Photo Fan

A row of overlapping square photo tiles that pop in with an elastic overshoot, then shove each other aside when one is hovered.

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: count, spread, stagger, pushOnHover, accent

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

1762Anchored site previewCardsA hover preview whose side, alignment and offset can be dialled in, with a pointing arrow that tracks the anchor and flips with it when there is no room.

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.

1768Cursor drift link previewCardsA link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.

1769Deferred post cardCardsA post card that shows a measured placeholder shell first, then swaps in the real post, with a retryable failure state.