Need advice about which tool to choose?Ask the StackShare community!
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.
Pros of Buefy
- Ease of integration into an existing project4
- Small and lightweight4
- Rich components1
Pros of Vuetify
- Enables beauty for graphically challenged devs26
- Wide range of components and active development22
- Vue19
- New age components15
- Easy integration12
- Material Design10
- Open Source9
- Nuxt.js8
- Awesome Documentation5
- Not tied to jQuery5
- Internationalization4
- Awesome Component collection4
- Best use of vue slots you'll ever see3
- Not tied to jQuery2
- Responsiveness1
- Treeshaking1
Sign up to add or upvote prosMake informed product decisions
Cons of Buefy
- Not supported by a well known company2
Cons of Vuetify
- It is heavy18