Vuetify

More details coming soon…

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.

Vuetify with Vue Designer (Nuxt-powered)

Resources Inputs

Source Card Design - Vuetify Card Documentation

Starter Template - Nuxt Vuetify - Quick start template (blank branch)

Final Output

Netlify Demo - Vuetify Card (Nuxt-powered)

Github Repo - Nuxt Vuetify - Quick start template (main branch)

Here is a full list of chapters for your easy reference:

01	Welcome
02	Clone Nuxt Vuetify Blank Template
03	Open Project in Vue Designer
04	Card Image
05	Card Title
06	Card Subtitle & Icon
07	Rating
08	Card Text
09	Chips
10	State Binding
11	Card Action
12	Button Click Event
13	Snackbar
14	Dark Mode
15	Preview
16	Dynamic Theme Designs
17	Build App
18	Deploy to Netlify
19	Tailwind & UnoCSS
20	Thank You!