25
A flexible container component with bold borders and shadows. Perfect for displaying content, forms, or any grouped information with a neobrutalist aesthetic.
This is the main content area of the card. You can put text, images, forms, or any other content here.
npx neobrutal add cardimport {
Card,
CardContent,
CardFooter,
CardHeader,
CardTitle,
} from "@/components/ui/card"<Card>
<CardHeader>
<CardTitle>Card Title</CardTitle>
</CardHeader>
<CardContent>
Card content
</CardContent>
<CardFooter>
<Button>Action</Button>
</CardFooter>
</Card>This project showcases the latest in neobrutalist design principles.
Check out your live application at the link below.
Sometimes you just need a simple card with padding and content.
This card features an image at the top with content below.
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "default" | The visual style of the card. |