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

Materialize

657
1.1K
+ 1
556
Vuetify

951
1.6K
+ 1
147
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.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Materialize
Pros of Vuetify
  • 102
    Google material design
  • 74
    Easy to use
  • 74
    Responsive
  • 54
    Modern looks
  • 47
    Open source
  • 42
    Good documentation
  • 37
    Code examples
  • 29
    Extremely light - 29kb
  • 28
    Flexible
  • 15
    Great Support
  • 10
    It looks beautiful
  • 8
    Very nice looking components to quickly build out
  • 7
    Smooth animation
  • 6
    Great Grid System
  • 4
    Great
  • 4
    Ruby gem to integrate in 2 seconds flat
  • 3
    Angular2 Support
  • 2
    MIT Lisence
  • 2
    Friendly api, easy setup, good documentation
  • 2
    Easy setup
  • 1
    React
  • 1
    Grid system
  • 1
    Because of the easy to use and very editable library
  • 1
    Responsivness
  • 1
    Jibberish
  • 1
    Friendly Api
  • 0
    Better class name
  • 0
    Rtl support
  • 26
    Enables beauty for graphically challenged devs
  • 22
    Wide range of components and active development
  • 20
    Vue
  • 15
    New age components
  • 12
    Easy integration
  • 10
    Material Design
  • 9
    Open Source
  • 8
    Nuxt.js
  • 5
    Not tied to jQuery
  • 5
    Awesome Documentation
  • 4
    Internationalization
  • 4
    Awesome Component collection
  • 3
    Best use of vue slots you'll ever see
  • 2
    Not tied to jQuery
  • 1
    Responsiveness
  • 1
    Treeshaking

Sign up to add or upvote prosMake informed product decisions

Cons of Materialize
Cons of Vuetify
  • 7
    Mobile errors
  • 6
    Poor Grid System
  • 2
    Unmaintained
  • 19
    It is heavy
  • 0
    D

Sign up to add or upvote consMake informed product decisions

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.

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

What companies use Materialize?
What companies use Vuetify?
See which teams inside your own company are using Materialize or Vuetify.
Sign up for Private StackShareLearn More

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

What tools integrate with Materialize?
What tools integrate with Vuetify?
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.
Material-UI
MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
See all alternatives