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

Material Kit

25
77
+ 1
0
Vuetify

934
1.5K
+ 1
146
Add tool

Material Kit vs Vuetify: What are the differences?

What is Material Kit? *Free Bootstrap UI Kit Based on Material Design *. Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project.

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.

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

Material Kit and Vuetify are both open source tools. It seems that Vuetify with 19.6K GitHub stars and 2.25K forks on GitHub has more adoption than Material Kit with 5.09K GitHub stars and 509 GitHub forks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Material Kit
Pros of Vuetify
    Be the first to leave a pro
    • 26
      Enables beauty for graphically challenged devs
    • 22
      Wide range of components and active development
    • 19
      Vue
    • 15
      New age components
    • 12
      Easy integration
    • 10
      Material Design
    • 9
      Open Source
    • 8
      Nuxt.js
    • 5
      Awesome Documentation
    • 5
      Not tied to jQuery
    • 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 Material Kit
    Cons of Vuetify
      Be the first to leave a con
      • 18
        It is heavy

      Sign up to add or upvote consMake informed product decisions

      What is Material Kit?

      Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project.

      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 Material Kit?
      What companies use Vuetify?
        No companies found
        See which teams inside your own company are using Material Kit 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 Material Kit?
        What tools integrate with Vuetify?
        What are some alternatives to Material Kit and Vuetify?
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        Material-UI
        MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
        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.
        Material Design for Angular
        Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
        Nuxt.js
        Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. You can use Nuxt.js for SSR, SPA, Static Generated, PWA and more.
        See all alternatives