Home
Application and Data
Languages & Frameworks
Front-End Frameworks

Material Kit vs Vuetify

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

Material Kit
28
88
+ 1
0
Vuetify
1.2K
1.8K
+ 1
170
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 StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Material Kit
Pros of Vuetify
    Be the first to leave a pro
    • 29
      Enables beauty for graphically challenged devs
    • 24
      Wide range of components and active development
    • 22
      Vue
    • 18
      New age components
    • 13
      Easy integration
    • 11
      Material Design
    • 10
      Open Source
    • 9
      Nuxt.js
    • 6
      Awesome Documentation
    • 5
      Awesome Component collection
    • 5
      Internationalization
    • 5
      Not tied to jQuery
    • 4
      Best use of vue slots you'll ever see
    • 2
      Not tied to jQuery
    • 2
      Treeshaking
    • 2
      Active Community
    • 2
      Responsiveness

    Sign up to add or upvote prosMake informed product decisions

    Cons of Material Kit
    Cons of Vuetify
      Be the first to leave a con
      • 19
        It is heavy
      • 3
        Not Vue 3 Ready (Alpha-Version)

      Sign up to add or upvote consMake informed product decisions

      - No public GitHub repository available -

      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 StackShare EnterpriseLearn 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
        Material UI is a library of React UI components that implements Google's Material Design.
        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.
        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.
        Tailwind CSS
        Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.
        See all alternatives

        Related Comparisons

        Bootstrap vs VuetifyMaterial Design Lite vs VuetifyVuetify vs gentelellaFlat UI vs VuetifyPolymer vs Vuetify

        Trending Comparisons

        Django vs Laravel vs Node.jsBootstrap vs Foundation vs Material-UINode.js vs Spring BootFlyway vs LiquibaseAWS CodeCommit vs Bitbucket vs GitHub

        Top Comparisons

        Bootstrap vs MaterializeHipChat vs Mattermost vs SlackBitbucket vs GitHub vs GitLabPostman vs Swagger UI