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 card

Variants

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

PropTypeDefault
variant"default" | "elevated" | "flat" | "interactive" | "primary" | "secondary""default"
padding"none" | "sm" | "default" | "lg""default"