Vuetify

One of the most popular component toolkits for Vue is called Vuetify (https://vuetifyjs.com/en). It is based on the Material Design specification and implements almost 100 different components.

Vuetify is very easy to install thanks to its Vue CLI plugin (https://github.com/vuetifyjs/vue-cli-plugin-vuetify), which makes it possible for us to install Vuetify in a new project with a single CLI command:

vue add vuetify

Alternatively, Vuetify can also be installed through Vue UI.

You can find the getting started guide for Vuetify here: https://vuetifyjs.com/en/getting-started/quick-start.

In this chapter, we won't be using Vuetify, simply because we want to explore a design system other than Material Design, but rest assured that Vuetify is a great choice.