EmpireUI
Sign inGet Pro
Free · React + Tailwind · MIT

Bauhaus UI components

Bauhaus design unites primary colors, geometric shapes, and functional typography into bold, timeless composition. Use these free React and Tailwind components to bring the movement to the web.

Browse components →Free generators

Bauhaus components

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

About bauhaus

Bauhaus design unites primary colors, geometric shapes, and functional typography into bold, timeless composition. Use these free React and Tailwind components to bring the movement to the web. Primary geometry: circle, triangle, square.

All Bauhaus 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 Bauhaus design?

Bauhaus design unites primary colors, geometric shapes, and functional typography into bold, timeless composition. Use these free React and Tailwind components to bring the movement to the web.

What colors and shapes define a Bauhaus UI?

Bauhaus design unites primary colors, geometric shapes, and functional typography into bold, timeless composition. Use these free React and Tailwind components to bring the movement to the web.

Explore other styles

MaximalismMotion MorphismRetro FuturismNeumorphismClaymorphismSkeuomorphismFlat DesignMaterial Design