Are you looking for a Vue.Js UI framework?

Anjula Shanaka
Nerd For Tech
Published in
2 min readSep 30, 2021

I started learning Vue.Js recently. Once I got comfortable with Vue I needed a UI framework to build some UIs. If you are also lacking some designing skills like me and still want to build beautiful UIs. Vuetify is for you.

What is Vuetify?

Vuetify is a Vue UI Library with beautifully handcrafted Material Components. No design skills are required. everything you need to create amazing applications is at your fingertips.

Vuetify takes a mobile-first approach to design which means your application just works out of the box — whether it’s on a phone, tablet, or desktop computer.

Why Veutify?

The best way to summarise this is to compare Vuetify with other frameworks. Below is a list of the top Vue.js frameworks and the features that we feel are important to single developers and businesses when choosing a UI library.

source: Veutify

Components

Vue offers you a wide variety of components including different types of pickers, carousels, overlays and much more. You can visit Vuetify to see the components.

API

Veutify API allows you to customise the component’s props, styles and methods according to your needs.

Installation

There are multiple ways to install Vuetify for your Vue project. I recommend you to use Vue CLI. Vue CLI makes everything is easy. You can use the Vue UI as well.

vue add vuetify

If you are looking for a Vue UI framework you can consider this for your project. Since this is a brief introduction to Vuetify you can refer to the documentation to learn more details about Veutify.

With that, we came to the end of the article. Don’t forget to check out my other articles as well. See you guys at the next one. Until then stay safe! ✌️

References:

[1]. Veutify.[2021] Docs [Online]. Available at: https://vuetifyjs.com/en/ [Accessed 30 September 2021]

--

--

Anjula Shanaka
Nerd For Tech

GSoC ’22 @openMRS | CTO @SEF | Developer @promiseQ | Undergraduate @USJ