Component
Card
A container component with Neo-Brutalism styling. Perfect for grouping related content with bold borders and offset shadows.
Preview
Card Title
Card description goes here.
This is the main content area of the card.
Installation
pnpm dlx brutx@latest add cardVariants
Default
Default card with shadow
Elevated
Elevated card with larger shadow
Flat
Flat card without shadow
Interactive
Hover me! Interactive card
Primary
Primary colored shadow
Secondary
Secondary colored shadow
Padding Options
No padding
Small padding
Default padding
Large padding
Props
| Prop | Type | Default |
|---|---|---|
| variant | "default" | "elevated" | "flat" | "interactive" | "primary" | "secondary" | "default" |
| padding | "none" | "sm" | "default" | "lg" | "default" |