Learn more about what Vuetify is, how to create an application from scratch, browse API references, sample code, tutorials, and more.
# Getting started
The easiest way to try Vuetify is to use our Codepen Template. This template is used by all examples within the documentation and is the perfect sandbox to play with the framework. If you prefer to use a local
index.html file, we have a guide on how to install via CDN.
For additional installation options such as Nuxt and Vuepress, visit the Installation page.
# What is Vuetify?
Vuetify is a complete UI framework built on top of Vue.js. The goal of the project is to provide developers with tools to build rich and engaging user experiences. Unlike other frameworks, Vuetify is designed from the ground up to be easy to learn and rewarding to master with hundreds of carefully crafted components from the Material Design specification.
Vuetify takes a mobile first approach to design which means your application just works out of the box—whether it’s on a phone, tablet, or desktop computer. Over
If you are an experienced developer and want to compare Vuetify to other libraries/frameworks, check out our Why Vuetify? page.
# Why Vuetify?
Vuetify is developed exactly according to Material Design specification with every component meticulously crafted to be modular, responsive, and performant. Customize your application with a unique and dynamic Layout or customize the styles of a card using SASS variables.
Vuetify has a very active development cycle is patched weekly, responding to community issues and reports at breakneck speed, allowing you to get your hands on bug fixes and enhancements more often. In addition, every major release is accompanied with 18 months of Long-term support for the previous minor version.
Unlike other frameworks, when you develop with Vuetify, you are never alone. Stuck on a problem? Take advantage of our massive Discord community and collaborate with other Vuetify developers in one of our public help channels. Need a more personalized support solution? Vuetify offers elite support through GitHub sponsorship with options tailored to individuals and businesses.
Below is a list of the top Vue.js frameworks and the features that we feel are important to single developers and businesses when choosing a UI library.
|Accessibility and section 508 support|
|Business and enterprise support|
**Based on average of all Major/Minor/Patch releases over the last 12 months.
So what are you waiting for? Head over to the Installation page and start building your next great idea today.
Learn the inner workings of the Vuetify and become a skilled v-developer with one of our feature guides. Each topic is designed to that teach you how to get the most out of your development experience with detailed information on the Vuetify layout system, how to customize the style of your application with SASS variables, how to treeshake your application, and more.
Learn how to use Vuetify with one of the following topics: