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

Buefy

84
139
+ 1
9
Vuetify

957
1.5K
+ 1
146
Add tool

Buefy vs Vuetify: What are the differences?

What is Buefy? UI Components for Vue.js Based on Bulma. We like to think that Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery.

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.

Buefy and Vuetify are primarily classified as "JavaScript Framework Components" and "Front-End Frameworks" tools respectively.

Buefy and Vuetify are both open source tools. It seems that Vuetify with 20K GitHub stars and 2.32K forks on GitHub has more adoption than Buefy with 5.8K GitHub stars and 577 GitHub forks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Buefy
Pros of Vuetify
  • 4
    Ease of integration into an existing project
  • 4
    Small and lightweight
  • 1
    Rich components
  • 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 Buefy
Cons of Vuetify
  • 2
    Not supported by a well known company
  • 18
    It is heavy

Sign up to add or upvote consMake informed product decisions

What is Buefy?

We like to think that Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery.

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 Buefy?
What companies use Vuetify?
See which teams inside your own company are using Buefy 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 Buefy?
What tools integrate with Vuetify?
What are some alternatives to Buefy and Vuetify?
Bulma
Bulma is a CSS framework based on Flexbox and built with Sass
ElementUI
It is not focused on Mobile development, mainly because it lacks responsiveness on mobile WebViews.
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.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Element
Element is a Vue 2.0 based component library for developers, designers and product managers, with a set of design resources.
See all alternatives