11 Libraries for Vue Development in 2019

Like most of the JavaScript frameworks, Vue is dependent on libraries that can speed up the process of creating web apps and make them simply more appealing and comfortable to the user. But which Vue component libraries should you choose? There are dozens of them and creating an ultimate list isn’t that easy. Let’s try anyway!

Wojciech Mista

February 08, 2019 • 4 min read

In this post we've gathered some our favorite libraries we often use in Vue development. We guarantee that they will significantly speed up the process of creating an application and at the same time make sure that it will look awesome. So without further ado, let's jump into the 11 libraries for Vue development you should be using in 2019.

Vuetify

GitHub: Vuetify

Vuetify is a widely-loved and praised by developers component framework for Vue. It provides ready-to-use components created according to Google’s Material Design. This framework makes building an application a breeze. Plus, it supports all modern browsers, including IE11 and Safari 9+.

Dashboard interface with graphs, charts, and statistics. Features daily sales, email subscriptions, completed tasks, and various metrics.

Bootstrap-vue

GitHub: Boostrap-vue

Bootstrap-vue provides a smooth and complete implementations of Bootstrap 4 components and grid systems for Vue. It allows you to build great looking, responsive web applications with no necessary knowledge of CSS.

A logo combining the Vue.js logo, a green and blue "V," with the Bootstrap logo, a purple square with a "B" inside.

HighCharts

GitHub: HighCharts GitHub

Website: HighCharts

One of the most popular JavaScript charting library out there, used by companies such as Facebook, Nokia, Yahoo and Verizon! HighCharts make implementing sophisticated charts in you Vue application a breeze. Even charts filled with a ton of data load and work surprisingly well! Plus, it's free for non-commercial use.

Line graph showing USD to EUR exchange rate trends from 2000 to 2020, with fluctuations and a general upward trend after 2014.

Fontawesome

GitHub: Fontawesome GitHub

Website: Fontawesome Official Website

FontAwesome is a great resource to get your icons and SVGs from. It has a wide library of free icons with an even larger pro icons storage. With almost 60 thousands stars on GitHub, it found its way into many technologies from web and mobile applications to desktop apps. If you want a hassle-free icon implementation, you should definitely give it a try in your next project. Check out Font-Awesome repo specifically made for Vue here.

Blue background with a white flag icon and the text "Font Awesome" in white. Various small icons are faintly visible in the background.

Bulma

GitHub: Bulma GitHub

Website: Bulma

Bulma is a CSS framework that is based on flexbox meaning that it is essentially environment agnostic - it can work with every JavaScript framework!

SweetModal

GitHub: SweetModal GitHub

Website: SweetModal

SweetModal allows for easy implementation of various kind of modals. Good looking modals are a must-have on every modern website!

alt=“”

Vue-i18n

Website: Vue-i18n

This plugin makes an internalization of your application a breeze. I18n has a simple and easy-to-use API with features such as component based localization, DateTime localization, Number localization and many more.

Icon of a globe inside a speech bubble, representing Vue I18n, an internationalization plugin for Vue.js.

Vue-masonry-css

GitHub: Vue-masonry-css GitHub

Website: Vue-masonry-css

Have you ever wanted to implement a masonry layout in your Vue application? With Vue-masonry-css it’s easy! And thanks to removal of additional Virtual DOM layer, it’s very fast too! Not to mention, the implementation is truly effortless.

A grid layout with eight placeholders for images and text, each labeled from "Item 1" to "Item 8," featuring lorem ipsum text.

Vue-select

Website: Vue-select

Quick and easy way to implement drop-down list in your Vue application. jQuery free guaranteed!

GIF presenting Vue.js 'Select' component

VeeValidate

GitHub: VeeValidate GitHub

Website: VeeValidate

VeeValidate is a validation library that is similar to HTML5 validation. It allows you to validate HTML5 inputs as well as custom Vue components. On top of that, VeeValidate has some neat features such as async validation, delayed (debounced) validation, form localization and many more!

Form validation error message displayed for invalid email and name inputs, highlighting incorrect entries in red.

Vue-Parallaxy

GitHub: Vue Parallaxy GitHub

Great and easy way to implement the parallax effect in you project. Parallaxy is an easy to use component that promises 60 FPS scroll effect. It allows you to customize it by changing CSS classes - you can easily do that using props.

GIF presenting paralaxy