Other Frameworks

Integrating Vuetify with utility-first CSS frameworks like Tailwind CSS or UnoCSS can significantly reduce your bundle size and provide a more flexible styling system. This approach allows you to leverage the best of both worlds: Vuetify's comprehensive component library and the modern, utility-first styling capabilities of other frameworks.

New Project

The easiest way to start a new project with Vuetify and a CSS utility framework is to use the official scaffolding tool.

pnpm create vuetify --platform nuxt
# or
npm create vuetify --platform nuxt
# or
yarn create vuetify --platform nuxt

During the setup process, you can select Nuxt as the preset and then choose UnoCSS or Tailwind CSS as an optional module. This will automatically configure the project with the selected framework.

Integration Guides

For detailed instructions and best practices on integrating Vuetify with existing projects or new setups, please refer to the following official resources:

• CSS Utilities - Integration with existing projects
• Build with Nuxt and UnoCSS