Cards

Pixel Bloom Card

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

Inventory sync

Using Pixel Bloom Card

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

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: gap, speed, accent, shimmer, label

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

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

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.

1799Profile flip cardCardsA portrait profile card that turns over in 3D on hover or tap to reveal a bio, follower counts and a follow action on its back.

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.

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.