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

Bootstrap Vue

154
419
+ 1
41
Vuetify

957
1.5K
+ 1
146
Add tool

Vuetify vs Bootstrap Vue: What are the differences?

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.

What is Bootstrap Vue? A front end CSS And Vue component library. Build responsive, mobile-first projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap V4.

Vuetify and Bootstrap Vue can be categorized as "Front-End Frameworks" tools.

Vuetify and Bootstrap Vue are both open source tools. It seems that Vuetify with 22K GitHub stars and 2.94K forks on GitHub has more adoption than Bootstrap Vue with 10.1K GitHub stars and 1.36K GitHub forks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Bootstrap Vue
Pros of Vuetify
  • 8
    Vue
  • 7
    Open Source
  • 4
    Maintained
  • 4
    ARIA Accessibility out of the box
  • 3
    Nuxt.js Integration
  • 3
    Customizable via SASS variables
  • 3
    Not tied to jQuery
  • 3
    Active development
  • 3
    Easily themable
  • 3
    Bootstrap v4.x
  • 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 Bootstrap Vue
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 Bootstrap Vue?

    Build responsive, mobile-first projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap V4.

    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 Bootstrap Vue?
    What companies use Vuetify?
    See which teams inside your own company are using Bootstrap Vue 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 Bootstrap Vue?
    What tools integrate with Vuetify?
    What are some alternatives to Bootstrap Vue and Vuetify?
    Bootstrap
    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    Vue.js
    It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
    ElementUI
    It is not focused on Mobile development, mainly because it lacks responsiveness on mobile WebViews.
    VueStrap
    Bootstrap components built with Vue.js
    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