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.
What is Material Design Lite?
What is Vuetify?
Need advice about which tool to choose?Ask the StackShare community!
Why do developers choose Material Design Lite?
- SCSS7
Why do developers choose Vuetify?
- Vue4
Sign up to add, upvote and see more prosMake informed product decisions
What are the cons of using Material Design Lite?
What are the cons of using Vuetify?
What companies use Material Design Lite?
What companies use Vuetify?
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with Material Design Lite?
What tools integrate with Vuetify?
I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.
The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.
Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.
Material Design Lite많은 버그가 존재하는데, 각각의 css 정의가 서로 연결되어서 수정이 쉽지 않다.
발견된 이슈조차 업데이트 하지 않으며, 사용자가 직접 수정해서 사용해야한다.
VuetifyWe use Vuetify because we needed something that back end devs could get up to speed with quickly
Material Design LiteJust enough design for non-designer types.