What is Vuetify? — Transcript

Transcript of the free Vue.js lesson What is Vuetify?watch the video lesson.

js. js application with a proven and beautiful UI library, then you've come to the right place. Vuitify is just such a library, and in this course, you'll have the opportunity to use it in a project, play with some of its components, and get a feel for what it takes to create a typical yet beautiful admin dashboard. quickly and easily.

In this lesson, let me just introduce you to Vudify. js ecosystem, with over half a million weekly downloads. Other popular Vue UI libraries like Quasar, NaiveUI, and PrimeVue don't even hit a quarter of that many downloads, though they also have their pros and cons. So why is Vudify so popular?

Well, for one, it has 80 plus beautiful and functional components styled with the popular material design aesthetic. Also, its components are all built with accessibility in mind, meaning it'll take minimal effort on your part to ensure all people can successfully interact with your UI. It also includes components to quickly bootstrap common page layouts that include things like navbars, drawers, and sidebars. Blueprints are a great way to choose from three different unique design system variables, essentially allowing you to choose to start from one of three official themes.

You can also easily detect display sizes, device types, and platforms with Vudify's helper functions in order to provide a fully tailored app experience. Furthermore, provide app defaults at a global level so that you can configure everything exactly to your liking. and not have to continually configure each component as you use it. With Vudify, you also get a wealth of icons out of the box, including material design icons, the material icon font library, Font Awesome 4, and Font Awesome 5.

Building an app for users who speak different languages? Well, with Vudify, you can specify available locales and the default locale with the default locale option. The locale service also supports easy integration with Vue I18M. Vuitify also works out of the box without any additional compilers needing to be installed, but it does support advanced use cases such as modifying the underlying SAS variables of the framework.

You can also easily support theme switching at runtime with a full-blown theming system. Finally, with all of this power at your fingertips, you might be worried about your app loading. and just being a pain to download. Well, no worries, everything is tree-shake-able, so if you don't use it, it's not bundled in your production app.

Follow along in this course to get hands-on experience with Vudify, building a simple but lifelike admin dashboard. By the end of it, you'll get a good feel for what Vudify has to offer, and I dare say you'll be inspired to go build your own apps with Vudify.