Beautiful, accessible and powerful Vuetify components in action!
Start with this 40-mins quick video tutorial, organized into 20 concise chapters.
In this tutorial, we will build a beautiful Nuxt-powered Vuetify Card following a sample design from Vuetify card documentation page. This practical experience will help you uncover the vast capabilities of Vue Designer.
Source Card Design – Vuetify Card Documentation
Starter Template – Nuxt Vuetify – Quick start template (blank branch)
Netlify Demo – Vuetify Card (Nuxt-powered)
Github Repo – Nuxt Vuetify – Quick start template (main branch)
Special offer for early adopters of Vue Designer
Take advantage of our time-limited launch offer with half off the regular price and free premium add-ons for Tailwind CSS and Vuetify.
And you get to keep this promotional price and add-ons for as long as your plan is active, not only for the first year.
Here is a full list of chapters for your easy reference:
|02||Clone Nuxt Vuetify Blank Template|
|03||Open Project in Vue Designer|
|06||Card Subtitle & Icon|
|12||Button Click Event|
|16||Dynamic Theme Designs|
|18||Deploy to Netlify|
|19||Tailwind & UnoCSS|