Need advice about which tool to choose?Ask the StackShare community!
Material Design Lite vs Vuetify: What are the differences?
Material Design Lite: Material Design Lite Components in HTML/CSS/JS. 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; Vuetify: Material Component Framework for VueJS 2. Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.
Material Design Lite and Vuetify can be primarily classified as "Front-End Frameworks" tools.
"Material Design straight from the original creators" is the primary reason why developers consider Material Design Lite over the competitors, whereas "Wide range of components and active development" was stated as the key factor in picking Vuetify.
Material Design Lite and Vuetify are both open source tools. It seems that Material Design Lite with 31.3K GitHub stars and 5.32K forks on GitHub has more adoption than Vuetify with 20K GitHub stars and 2.32K GitHub forks.
Luckycycle, Webhook Relay, and Intelinvest team are some of the popular companies that use Vuetify, whereas Material Design Lite is used by Google, Troopers, and Boxme. Vuetify has a broader approval, being mentioned in 37 company stacks & 36 developers stacks; compared to Material Design Lite, which is listed in 9 company stacks and 26 developer stacks.
Pros of Material Design Lite
- Material Design straight from the original creators23
- Based on bem philosophy11
- Nice animations9
- SCSS7
- Simple Material Design5
- Doesn't depend on JavaScript5
- Custom color palette generates CDN2
Pros of Vuetify
- Enables beauty for graphically challenged devs27
- Wide range of components and active development22
- Vue21
- New age components15
- Easy integration12
- Material Design10
- Open Source9
- Nuxt.js8
- Not tied to jQuery5
- Awesome Documentation5
- Internationalization4
- Awesome Component collection4
- Best use of vue slots you'll ever see3
- Not tied to jQuery2
- Responsiveness1
- Treeshaking1
Sign up to add or upvote prosMake informed product decisions
Cons of Material Design Lite
Cons of Vuetify
- It is heavy19
- Not Vue 3 Ready (Alpha-Version)3
- D0