Skip to main content
ParticleUI
ParticleUI

Card

Composable card with header, content, and footer slots.

ParticleUI Card
A composable card component with header, content, and footer.

Cards are the fundamental layout unit for displaying grouped content.

Installation

1

Run the CLI

$npx particleui-cli add card

Usage

TSX
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"

export default function Example() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Title</CardTitle>
      </CardHeader>
      <CardContent>Content goes here.</CardContent>
    </Card>
  )
}

Details

Source filecomponents/ui/card.tsx
Typeui
Categorieslayout, core
npm dependencies
Registry deps
Claude skill—