Components
Card
Composable container with optional glass surface, glow, and hover effects. Build with CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.
Playground
Explore all card props interactively.
Card Title
A short description of this card's content.
<Card>...</Card>Props
Theme color tint for glass surface
Glass surface density
Backdrop blur intensity
Elevated with shadow
Colored glass accent orbs behind content
Cursor-tracking proximity glow (requires glass)
Glow intensity
Hover interaction
Hover Effects
Interactive hover animations. Try hovering each card.
Lift
hover="lift"
Brighten
hover="brighten"
Glow
hover="glow"
Glass
Glass surface with carved input and raised button. See the Glass foundation page for the full system.
Glass Card
Input carved in, button raised
Glow
Gradient glow behind the card.
Solid + Glow
glow
Glass + Glow
glass glow