Card

A hairline surface. Interactive cards carry a soft light that follows the pointer and sink to .98 when pressed.

Card is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

Avatar · GroupInitials on a hue gradient, or a photo, with an optional status dot cut into the ring. `Avatar` is one face; `AvatarGroup` overlaps faces in a row: near the pointer the row lifts and loosens on a gaussian, the nearest face comes to the front and a name pill slides along above.
Scroll revealA scrolling list whose cards wait, blurred and a touch small, until they scroll into view, then arrive. A hairline at the top fills with how far you have scrolled (written to a CSS variable, no React per frame).
Swipe deckA stack. Drag the top card: it tilts with your hand; let go past the SWIPE_DISTANCE and it flies off while the next card rises to take its place.
Progressive blurA blur that deepens toward the foot of the picture, stacked in bands so it reads as a gradient of focus, with a title sitting in it. Move the pointer up and the blur climbs with it on a small spring.
MarqueeRows of content loop without a seam. Hover and a row eases down to a crawl instead of stopping dead; leave and it picks back up.
Card → pageAn app screen with a header and a grid of cards. Tap a card and it becomes the page: its picture grows into the hero, its title slides up into the page title, the header's name gives way to Back, and the body and action arrive beneath.