No blur. No fade. Just hard-edged, offset shadows that create depth and dimension.
Four sizes from subtle to dramatic
shadow-brutal-sm
4px offset
class="shadow-brutal-sm" shadow-brutal
8px offset
class="shadow-brutal" shadow-brutal-lg
12px offset
class="shadow-brutal-lg" shadow-brutal-xl
20px offset
class="shadow-brutal-xl" Shadows work with buttons, cards, and other elements
btn shadow-brutal-lg Card with XL shadow
card shadow-brutal-xl badge shadow-brutal Shadows automatically adjust for light/dark mode
Primary
with shadow-brutal-lg
Secondary
with shadow-brutal-lg
Accent
with shadow-brutal-lg