Material UI vs. Material Design Lite vs. Tailwind CSS

Get help choosing one of these



Hacker News, Reddit, Stack Overflow Stats

  • -
  • 178
  • 3.31K
  • -
  • 192
  • 623
  • -
  • 171
  • 38

GitHub Stats

Description

What is Material UI?

Material-UI is a CSS framework and a set of React components that implement Google's Material Design specification.

What is Material Design Lite?

Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.

What is Tailwind CSS?

Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.

Want advice about which of these to choose?Ask the StackShare community!

Ask a Question

Pros

Why do developers choose Material UI?
Why do you like Material UI?

Why do developers choose Material Design Lite?
Why do you like Material Design Lite?

Why do developers choose Tailwind CSS?
Why do you like Tailwind CSS?

Cons

What are the cons of using Material UI?
Downsides of Material UI?

What are the cons of using Material Design Lite?
No Cons submitted yet for Material Design Lite
Downsides of Material Design Lite?

What are the cons of using Tailwind CSS?
No Cons submitted yet for Tailwind CSS
Downsides of Tailwind CSS?

Companies

What companies use Material UI?
68 companies on StackShare use Material UI
What companies use Material Design Lite?
14 companies on StackShare use Material Design Lite
What companies use Tailwind CSS?
7 companies on StackShare use Tailwind CSS

What are some alternatives to Material UI, Material Design Lite, and Tailwind CSS?

  • Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
  • Material Design for Angular - Material Design for AngularJS Apps
  • Foundation - The most advanced responsive front-end framework in the world
  • Semantic UI - A UI Component library implemented using a set of specifications designed around natural language

See all alternatives to Material UI



Interest Over Time


Get help choosing one of these