EmpireUI
Sign inGet Pro
Free · React + Tailwind · MIT

Brutalism UI components

Brutalism embraces raw, unpolished web aesthetics: default fonts, harsh contrast, and deliberately stark layouts. Build authentic brutalist interfaces with these free React and Tailwind components.

Browse components →Free generators

Brutalism components

Monthly revenue
$48.2k
▲ 12.5%
PRO
$24/mo
  • ✓ Unlimited components
  • ✓ All 40 styles
  • ✓ Figma export
Welcome back

About brutalism

Brutalism embraces raw, unpolished web aesthetics: default fonts, harsh contrast, and deliberately stark layouts. Build authentic brutalist interfaces with these free React and Tailwind components. Raw HTML energy, system type, anti-polish.

All Brutalism blocks are free, MIT-licensed and copy-paste ready in React & Tailwind. Need raw CSS? Try the free generators, or browse every look in the full collection.

FAQ

What is brutalism in web design?

Brutalism embraces raw, unpolished web aesthetics: default fonts, harsh contrast, and deliberately stark layouts. Build authentic brutalist interfaces with these free React and Tailwind components.

What is the difference between brutalism and neobrutalism?

Brutalism embraces raw, unpolished web aesthetics: default fonts, harsh contrast, and deliberately stark layouts. Build authentic brutalist interfaces with these free React and Tailwind components.

Explore other styles

MaximalismMotion MorphismRetro FuturismNeumorphismClaymorphismSkeuomorphismFlat DesignMaterial Design