Cards

Article card with a gradient cover, category chip, author and read time, using a stretched link with hover lift and arrow nudge.

Product tile with badge, star rating, strikethrough price, an Add to cart toggle and a wishlist heart.

3D flip card that turns on hover, focus or click, is keyboard accessible and cross-fades under reduced motion.

Card that smoothly expands to reveal details using grid-rows animation, with aria-expanded and aria-controls.

Glassmorphism card with backdrop blur and a translucent border, made to sit over a colorful gradient.

Full-bleed gradient photo card whose caption slides up on hover or focus, with tag chips and a corner action.

Quote card with a large quote mark, star rating and author, in plain, outlined and filled variants.

URL preview card with a gradient icon, title, domain and description, plus a copy-link button showing Copied for 1.5s.