Overlays & Surfaces · Containers
Card
also known as content card
A card is a flexible container that bundles a single piece of related content, such as an image, title, text, and actions, into a bordered or elevated surface. Cards work well in grids and feeds because each one stands alone and can be scanned independently. They're a layout surface, not an overlay.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A card is a discrete, often repeated unit summarizing one thing and inviting an action. A panel is a larger fixed region of an interface. A well is a plain sunken container. Cards are usually elevated (with shadow) and self-contained, unlike a flat panel or an inset well.
In the wild
Each video thumbnail block on the YouTube home page is a card.