Card
Displays a card with header, content, and footer.
Card Title
Card description goes here
Card content area with some text.
Basic Card
Total Revenue
$45,231.89
+20.1% from last month
Card with Stats
Alpha
Some card content.
Beta
Some card content.
Gamma
Some card content.
Cards Grid
Across products
Real per-product surfaces — the actual component from each app, not one recolored mock.
DesignMDdesignmd.directory
Official
Vercel DESIGN.md
One content hierarchy, expressed through each product theme.
Reference entry
SiteHuntersitehunter.net
Featured
A focused product card
One content hierarchy, expressed through each product theme.
Product discovery
Itmeo.comitmeo.com
Studio
AI workflow audit
One content hierarchy, expressed through each product theme.
Marketing feature
Surface —
--card, --border, and --radius change the same card structure without forking the primitive.