brutalist-card, brutalist-btn, brutal palettes.
Usage#
<div class="brutalist-card p-6">Loud & flat</div>The classes#
| Class | Purpose |
|---|---|
brutalist-card | Hard-shadow card |
brutalist-btn | Offset-shadow button |
Compose with utilities#
<div class="brutalist-card p-6 rotate-1 hover:rotate-0 transition">Playful</div>Customization#
v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.
Accessibility#
- Hard shadows must not be mistaken for focus rings — keep real focus styles
Related#
components/index|Components hub · themes/index|Themes · recipes/index|Recipes