Card

ui

Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, lg) that pad header, content and footer together. Parts: Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter.

pnpm dlx shadcn@latest add "https://ai2.design/r/card.json"

Sign In

Card

ui

Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, lg) that pad header, content and footer together. Parts: Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter.

pnpm dlx shadcn@latest add "https://ai2.design/r/card.json"

class-variance-authority@^0.7.1

components/ui/card.tsx

class-variance-authority@^0.7.1

components/ui/card.tsx