Material UI with Vuetify and Vue.js
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed according to the beautiful Material Design spec. It's also the most used UI library for Vue.js with over half a million weekly downloads!
Read more about the course
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify.
This UI library contains 80+ ready to use components designed according to the beautiful Material Design spec. Components include common things like buttons, tables, menus, avatars, ratings, dialogs, layouts, and more. Plus, all are built with accessibilty in mind.
This popular UI library (the most popular in fact!), also includes a flexible design system with customizable SaaS variables and the ability to configure all component defaults at the global level.
Watch Online Material UI with Vuetify and Vue.js
| # | Title | Duration |
|---|---|---|
| 1 | What is Vuetify? | 03:24 |
| 2 | Create the Project and Define the Page Layout | 08:10 |
| 3 | A User Profile Menu in the NavBar with Vuetify | 07:41 |
| 4 | The Vuetify Navigation Drawer | 09:49 |
| 5 | The Table Component and Some CSS Utilities | 07:50 |
| 6 | The Data Table Component and Vuetify Labs | 14:57 |
| 7 | Vuetify Buttons and Dialogs | 09:44 |
| 8 | Vuetify Form and Input Components | 13:13 |
| 9 | Vuetify Form Validation | 07:38 |
| 10 | Vuetify Feedback Components | 07:26 |
| 11 | Vuetify Directives | 06:43 |
| 12 | Course Conclusion | 03:35 |
Similar courses to Material UI with Vuetify and Vue.js
Build an Image Filters App with Vue, TypeScript and WebAssemblyzerotomastery.io
Vue.js + Laravel: CRUD with SPAlaraveldaily.com
The Ultimate Guide to Vue Performancevueschool.io
Mastering Nuxt, 2025 Editionmasteringnuxt.comMichael Thiessen
Course: Large Scale Apps with Vue, Vite and TypeScriptDamiano Fusco
