Skip to Content

card

ui

Displays a card with header, content, and footer.

Use cases

  • Content containers
  • Product cards
  • Dashboard widgets
  • Settings panels
  • List items with detail

Variants & sizes

Sizes

defaultsm

Features

  • Composable subcomponents: Header, Title, Description, Content, Footer
  • Clean border and shadow styling
  • Size variants for compact layouts

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Create project
Deploy your new project in one click.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/card

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/card

Source

components/ui/card.tsx