Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Materialize
Materialize

479
522
+ 1
538
Vuetify
Vuetify

320
306
+ 1
47
Add tool

Materialize vs Vuetify: What are the differences?

What is Materialize? A modern responsive front-end framework based on Material Design. A CSS Framework based on material design.

What is 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.

Materialize and Vuetify belong to "Front-End Frameworks" category of the tech stack.

"Google material design" is the top reason why over 95 developers like Materialize, while over 7 developers mention "Wide range of components and active development" as the leading cause for choosing Vuetify.

Materialize and Vuetify are both open source tools. Materialize with 36.1K GitHub stars and 4.8K forks on GitHub appears to be more popular than Vuetify with 20K GitHub stars and 2.32K GitHub forks.

According to the StackShare community, Materialize has a broader approval, being mentioned in 46 company stacks & 56 developers stacks; compared to Vuetify, which is listed in 37 company stacks and 36 developer stacks.

What is Materialize?

A CSS Framework based on material design.

What is Vuetify?

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.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Materialize?
Why do developers choose Vuetify?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
    What companies use Materialize?
    What companies use Vuetify?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Materialize?
    What tools integrate with Vuetify?
      No integrations found
      What are some alternatives to Materialize and Vuetify?
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Material Design
      Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
      Material
      Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
      Angular Material
      Sprint from Zero to App. Hit the ground running with comprehensive, modern UI components that work across the web, mobile and desktop. It allows to create material styled angular apps fast and easy.
      Animate.css
      It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
      See all alternatives
      Decisions about Materialize and Vuetify
      Paul Whittemore
      Paul Whittemore
      Developer and Owner at Appurist Software · | 15 upvotes · 89.2K views
      Fastly
      Fastly
      Electron
      Electron
      vuex
      vuex
      Vue.js
      Vue.js
      Quasar Framework
      Quasar Framework
      Vuetify
      Vuetify
      Node.js
      Node.js
      ExpressJS
      ExpressJS
      Fastify
      Fastify

      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.

      See more
      Interest over time
      Reviews of Materialize and Vuetify
      Review ofMaterializeMaterialize

      I've been using materialize and I'm really happy with it, in some months I'm sure it will become one of the best front-end frameworks around the internet, because it's easy and fast to use and to get started with it.

      It also got a nice community of developers that help developing it and finding bugs, as well a translation team, looking to get materialize into the major countries.

      My final review is that is one of the best front-end frameworks I've ever found and get used really fast and it's one of the most comfortable frameworks to use as well.

      Avatar of grigb
      Owner at Lumeneo
      Review ofMaterializeMaterialize

      As I've been applying Materialize, I've discovered some limitations.

      For example, the tabs require ids for the content divs. This makes is difficult to create content dynamically.

      The documentation is not accurate.

      To use materializecss, you will need to review the source code often.

      Avatar of grigb
      Owner at Lumeneo
      Review ofMaterializeMaterialize

      As I've been applying Materialize, I've discovered some limitations.

      The Glitter page: https://gitter.im/Dogfalo/materialize provided excellent support though. Kudos!

      Review ofMaterializeMaterialize

      It is very easy to use. Very good community and documentation :P. Keep up the good work.

      How developers use Materialize and Vuetify
      Avatar of Fred Steffen
      Fred Steffen uses VuetifyVuetify

      We use Vuetify because we needed something that back end devs could get up to speed with quickly

      Avatar of Kim Do Hyeon
      Kim Do Hyeon uses MaterializeMaterialize

      부트스트랩은 너무 흔해서 적당히 흔하고 좋은거 찾다가 발견

      How much does Materialize cost?
      How much does Vuetify cost?
      Pricing unavailable
      Pricing unavailable
      News about Materialize
      More news
      News about Vuetify
      More news