Top 11 Vue.js Libraries For Your App
Tags: vue, javascript, webdev
Published: 2019-10-08 07:20:06

---
title: Top 11 Vue.js Libraries For Your App
published: true
description: Vue.js is an open-source JS framework that has seen nothing but growth since its release. Here are the top 11 libraries that will improve your programming experience with Vue.
tags: vue, javascript, webdev, beginners
canonical_url: https://x-team.com/blog/11-top-vue-libraries/
---

Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. Ever since its release in 2014, Vue has seen nothing but growth.

2018 was no different, as evidenced by the popularity of [VueConf](http://vueconf.us/) and the fact that it [received the highest satisfaction rating of all frameworks](https://x-team.com/blog/top-javascript-trends-2019/) in the State of JS. People enjoy using Vue, or at the very least are interested in learning more about it.

Vue differs from its competitor React in the sense that the Vue core team is very proactive when it comes to solving problems of its framework. For example, [Nuxt](https://github.com/nuxt/nuxt.js), a framework for building universal Vue apps, is being built by many of the same people who created Vue.

Another example is [vue-class-component](https://github.com/vuejs/vue-class-component), which is an excellent TypeScript decorator for class-style Vue components that will be built into Vue 3.0, which is scheduled for release somewhere Q1 2020.

This being said, there are still certain Vue libraries that make working with Vue a better experience. Here are some of the best ones, ranked from most to least GitHub stars.

## [Element UI](https://github.com/ElemeFE/element)
![Element UI logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/ElementUI.JPG)

Originating from China and created by the same developers as Mint UI (see below), Element UI is a desktop UI toolkit for web and desktop applications. This is a good library if you're looking to build an Electron application.

## [iView](https://github.com/iview/iview)
![iView logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/iView.JPG)

iView is a UI toolkit with clean and elegantly designed widgets and components. It's actively being maintained (the last update was the 18th of March '19) and comes with an [iView plugin](https://github.com/iview/vue-cli-plugin-iview) for Vue CLI 3 that you can use to quickly build an iView-based project.

## [Vuetify](https://github.com/vuetifyjs/vuetify)
![Vuetify logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/Vuetify.JPG)

A reusable and semantic component library based on Material Design that supports all modern browsers and is compatible with Vue CLI 3. Vuetify has a big community, and you can ask for help on [their Discord channel](https://community.vuetifyjs.com/).

## [Mint UI](https://github.com/ElemeFE/mint-ui)
![Mint UI logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/MintUI.JPG)

A mobile UI library with CSS and JS component. Although a Chinese project, the English docs are comprehensive and well translated. This is a very light-weight library, taking up less than 40 kb gzip space.

## [VuePress](https://github.com/vuejs/vuepress)
![VuePress logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/VuePress.JPG)

Vuepress is a minimalistic, Vue-powered static site generator, although you can add dynamic Vue components in regular posts and pages. Each page generated has pre-rendered, static HTML, after which Vue takes over the static content and turns it into a single-page application.

## [Quasar](https://github.com/quasarframework/quasar)
![Quasar logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/Quasar.JPG)

One of the most-mentioned Vue libraries, Quasar is a Vue framework for building responsive websites, hybrid mobile apps, Electron apps, and more. Quasar supports Google's Material Design, as well as the iOS native theme.

## [BootstrapVue](https://github.com/bootstrap-vue/bootstrap-vue)
![BootstrapVue logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/BootstrapVue.JPG)

The name gives it away, but BootstrapVue combines the most popular CSS library with Vue. It's the implementation of Bootstrap 4 components and a grid system for Vue with WAI-ARIA accessibility markup.

## [Vue Material](https://github.com/vuematerial/vue-material)
![Vue Material logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/VueMaterial.JPG)

Vue Material is a lightweight library built with Material Design. Its ecosystem comes with an advanced webpack SPA, a universal app with Nuxt.js for SSR, and a single HTML file for the simplest setup, all of which you can find on [their website](https://vuematerial.io/).

## [Vuesax](https://github.com/lusaxweb/vuesax)
![Vuesax logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/Vuesax.JPG)

Vuesax wants to make building applications easier by improving the design, but without taking away the Vue functionality you're otherwise used to. Vuesax has its [own Discord channel](https://discordapp.com/invite/9dsKtvB) with almost 3,000 members.

## [AT UI](https://github.com/AT-UI/at-ui)
![AT UI logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/AT-UI.JPG)

A great option if you don't want to use Bootstrap or Material Design. AT UI is a flat UI kit made specifically for web and desktop applications. It has an NPM + Webpack + Babel front-end development workflow with independent CSS styling.

## [Vuikit](https://github.com/vuikit/vuikit)
![Vuikit logo](https://res.cloudinary.com/dukp6c7f7/image/upload/f_auto,fl_lossy,q_auto/s3-ghost//2019/04/VuiKit.JPG)

Vuikit is a responsive UI kit for web interfaces based on the UIkit 3 framework. It's a monorepository managed by Yarn Workspaces that supports the latest versions of all modern browsers.

--

What are your favorite Vue libraries? Let me know in the comments below!