Get Advice Icon

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

Quasar Framework
Quasar Framework

79
64
+ 1
122
Vuetify
Vuetify

316
303
+ 1
47
Add tool

Quasar Framework vs Vuetify: What are the differences?

What is Quasar Framework? Full front-end framework powered by Vue. Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue.

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.

Quasar Framework and Vuetify belong to "Front-End Frameworks" category of the tech stack.

"Excellent documentation" is the top reason why over 16 developers like Quasar Framework, while over 9 developers mention "Enables beauty for graphically challenged devs" as the leading cause for choosing Vuetify.

Quasar Framework and Vuetify are both open source tools. It seems that Vuetify with 20.8K GitHub stars and 2.52K forks on GitHub has more adoption than Quasar Framework with 11.4K GitHub stars and 1.12K GitHub forks.

Luckycycle, Cyledge Media, and Webhook Relay are some of the popular companies that use Vuetify, whereas Quasar Framework is used by Decision6, Learnlink AS, and Whiteboard-it. Vuetify has a broader approval, being mentioned in 50 company stacks & 215 developers stacks; compared to Quasar Framework, which is listed in 11 company stacks and 47 developer stacks.

What is Quasar Framework?

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue.

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.
Get Advice Icon

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

Why do developers choose Quasar Framework?
Why do developers choose Vuetify?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Quasar Framework?
      What companies use Vuetify?

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Quasar Framework?
      What tools integrate with Vuetify?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to Quasar Framework and Vuetify?
      Ionic
      Free and open source, Ionic offers a library of mobile and desktop-optimized HTML, CSS and JS components for building highly interactive apps. Use with Angular, React, Vue, or plain JavaScript.
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      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.
      Foundation
      Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
      See all alternatives
      Decisions about Quasar Framework and Vuetify
      Paul Whittemore
      Paul Whittemore
      Developer and Owner at Appurist Software | 15 upvotes 84.2K views
      Fastly
      Fastly
      Electron
      Electron
      vuex
      vuex
      Vue.js
      Vue.js
      Quasar Framework
      Quasar Framework
      Vuetify
      Vuetify
      Node.js
      Node.js
      ExpressJS
      ExpressJS
      Fastify
      Fastify

      I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.

      The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.

      Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.

      See more
      Interest over time
      Reviews of Quasar Framework and Vuetify
      No reviews found
      How developers use Quasar Framework and Vuetify
      Avatar of Fred Steffen
      Fred Steffen uses VuetifyVuetify

      We use Vuetify because we needed something that back end devs could get up to speed with quickly

      How much does Quasar Framework cost?
      How much does Vuetify cost?
      Pricing unavailable
      Pricing unavailable
      News about Quasar Framework
      More news
      News about Vuetify
      More news