EmpireUI
Sign inGet Pro
Free · React + Tailwind · MIT

Material Design UI components

Material Design uses elevation, shadows, ripple feedback, and a structured grid to create tactile, consistent interfaces. Ship Google's design language fast with these free React and Tailwind components.

Browse components →Free generators

Material Design components

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

About material design

Material Design uses elevation, shadows, ripple feedback, and a structured grid to create tactile, consistent interfaces. Ship Google's design language fast with these free React and Tailwind components. Elevation layers, ripple, paper cards.

All Material Design 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 Material Design?

Material Design uses elevation, shadows, ripple feedback, and a structured grid to create tactile, consistent interfaces. Ship Google's design language fast with these free React and Tailwind components.

How do I use Material Design with Tailwind CSS?

Material Design uses elevation, shadows, ripple feedback, and a structured grid to create tactile, consistent interfaces. Ship Google's design language fast with these free React and Tailwind components.

Explore other styles

MaximalismMotion MorphismRetro FuturismNeumorphismClaymorphismSkeuomorphismFlat DesignAurora / Mesh