https://github.com/vuetifyjs/vuetify

🐉 Vue Component Framework
https://github.com/vuetifyjs/vuetify

javascript material material-components material-design material-theme semantic typescript ui ui-components ui-design ui-kit ui-library vue vue-components vue-material vuejs vuejs3 vuetify vuetifyjs

Last synced: 7 days ago
JSON representation

🐉 Vue Component Framework

• Host: GitHub
• URL: https://github.com/vuetifyjs/vuetify
• Owner: vuetifyjs
• License: mit
• Created: 2016-09-12T00:39:35.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-05-23T09:57:33.000Z (6 months ago)
• Last Synced: 2024-05-23T10:32:09.236Z (6 months ago)
• Topics: javascript, material, material-components, material-design, material-theme, semantic, typescript, ui, ui-components, ui-design, ui-kit, ui-library, vue, vue-components, vue-material, vuejs, vuejs3, vuetify, vuetifyjs
• Language: TypeScript
• Homepage: https://vuetifyjs.com
• Size: 85.3 MB
• Stars: 39,131
• Watchers: 590
• Forks: 6,921
• Open Issues: 772
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

• stars - vuetifyjs/vuetify
• awesome-vue - vuetify - 为移动而生的Vue JS 2组件框架 (UI组件)
• awesome-ccamel - vuetifyjs/vuetify - 🐉 Vue Component Framework (TypeScript)
• awesome-material-design - Vuetify - Popular full material library for Vue (Vue / Frameworks)
• awesome-starred - vuetify - 🐉 Material Component Framework for Vue (TypeScript)
• stars - vuetifyjs/vuetify - 🐉 Vue Component Framework (TypeScript)
• awesome-list - vuetify
• awesome-github-vue - vuetify - 为移动而生的Vue JS 2组件框架 (UI组件)
• StarryDivineSky - vuetifyjs/vuetify
• awesome-vue - vuetify - 为移动而生的Vue JS 2组件框架 (UI组件)
• awesome-quick-dev - vuetify - square) (WebUI / 基础样式库)
• awesome - vuetify - 为移动而生的Vue JS 2组件框架 (UI组件)
• awesome - vuetifyjs/vuetify - 🐉 Vue Component Framework (TypeScript)
• awesome - vuetifyjs/vuetify - 🐉 Vue Component Framework (TypeScript)
• awesome - vuetifyjs/vuetify - 🐉 Vue Component Framework (TypeScript)
• awesome-github-vue - vuetify - 为移动而生的Vue JS 2组件框架 (UI组件)

README

        


  

    

  





  

    

  

  

    

  

  


  

    

  

  

    

  

  


  

    

  

  

    

  



### 💖 Supporting Vuetify

Vuetify is a [MIT licensed](http://opensource.org/licenses/MIT) project that is developed and maintained full-time by [John Leider](https://github.com/johnleider) and [Heather Leider](https://github.com/heatherleider); with support from the entire [Core Team](https://vuetifyjs.com/about/meet-the-team/). Sponsor Vuetify and receive some **awesome perks** and support Open Source Software at the same time! 🎉



  


    Become a backer or sponsor on GitHub

    or Patreon (supports John and Heather)

  

  


    Become a backer or sponsor on Open Collective

    (supports the Core team)

  

  


    Become a subscriber on Tidelift

  

  


    Make a one-time payment with Paypal

  

  


    Book time with the Team

  



### What's the difference between GitHub Sponsors, Patreon, and OpenCollective?

Funds donated through GitHub Sponsors and Patreon go directly to support John and Heather's full-time work on Vuetify. Funds donated via Open Collective are managed with transparent expenses and will be used for compensating work and expenses for Core team members. Your name/logo will receive proper recognition and exposure by donating on either platform.

Special Sponsor


  

    

      

        

          

        

      

    

  

Diamond Sponsors


  

    

      

        

          Your Logo Here

        

      

    

  

Platinum Sponsors


  

    

      

        

          

        

      

      

        

          

        

      

      

        

          

        

      

      

        

          

        

      

    

    

    

      

        

          

        

      

      

        

          

        

      

      

        

          

        

      

      

        

          

        

      

    

    

    

      

        

          

        

      

      

      

      

    

  




### ⚡ Quick Start

Getting started with Vuetify is easy. To create a new project, choose your package manager and run one of the following commands:

Using [pnpm](https://pnpm.io/)

```bash

pnpm create vuetify

```

Using [yarn](https://yarnpkg.com/)

```bash

yarn create vuetify

```

Using [npm](https://npmjs.com/)

```bash

npm create vuetify@latest

```

Using [bun](https://bun.sh/)

```bash

bun create vuetify

```

For more information on how to get started, such as using Nuxt or Laravel, check out the official [Installation guide](/getting-started/installation/).

### 🚀 Introduction

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components. No design skills required — everything you need to create amazing applications is at your fingertips. Vuetify has a massive API that supports any use-case. Some highlights include:

- **Customizable:** Extensive customization options with [SASS/SCSS](https://vuetifyjs.com/features/sass-variables/) and [Default configuration](https://vuetifyjs.com/features/presets/) and [Blueprints](https://vuetifyjs.com/features/blueprints/)

- **Responsive Layout:** The default configuration of Vuetify components is responsive, allowing your application to adapt to different screen sizes.

- **Theme System:** A powerful color system that makes it easy to style your application with a consistent color palette.

- **Vite Support:** _Smaller_ bundle sizes with **automatic** tree-shaking

- **18 months** Long-term support for [Major releases](https://vuetifyjs.com/introduction/long-term-support/)

- **Internationalization:** 42+ supported languages

#### Browser Support

Vuetify supports all **modern browsers**, including Safari 13+ (using [polyfills](https://vuetifyjs.com/getting-started/browser-support)). Components are designed for a minimum width of _320px_.

### 🌎 Vuetify Ecosystem

#### Resources

  

    

      Name

      Description

    

  

  

    

      

        

          ✂️ Vuetify Snips

        

      

      Pre-built code snippets for Vuetify components that you can use in your projects

    

    

      

        

          💫 Enterprise Support

        

      

      Let the experts at Vuetify help you get the most out of your application with a customized support plan from the the team behind the framework

    

    

      

        

          💭 Discord Community

        

      

      Our massive and inclusive Discord server where you can ask questions, share feedback, and connect with other Vuetify developers

    

    

      

        

          🎮 Vuetify Play

        

      

      A Vuetify 3 playground built using vuejs/repl where you can play with our components

    

    

      

        

          🐛 Vuetify Issues

        

      

      A web application for reporting bugs and issues with Vuetify, Documentation, or one of our other packages

    

    

      

        

          🛒 Vuetify Store

        

      

      The official Vuetify Store where you can download free digital products, purchase pre-made themes, and more

    

  

#### Packages

  

    

      Name

      Version

      Description

    

  

  

    

      

        

          🛠️ create-vuetify

        

      

      

        

          

        

      

      

        Quickly spin up applications with a simple command.

      

    

    

      

        

          📦 vuetify-loader

        

      

      

        

          

        

      

      

        Compiler plugins for autoloading Vuetify components

      

    

    

      

        

          📄 eslint-plugin-vuetify

        

      

      

        

          

        

      

      

       An opinionated eslint-plugin for Vuetify

      

    

  

### 🖥️ Documentation

To check out the docs, visit [vuetifyjs.com](https://vuetifyjs.com).

![Crowdin Uploads](https://github.com/vuetifyjs/vuetify/workflows/Crowdin%20Uploads/badge.svg?branch=master)

### 🙋‍♂️ Questions

For help and support questions, please use our [Discord community](https://community.vuetifyjs.com). This issue list of this repo is **exclusively** for bug reports and feature requests.

### 🐛 Issues

Use our [Issue generator](https://issues.vuetifyjs.com) to report bugs and request new features.

Please make sure to read the [Important Information](https://github.com/vuetifyjs/vuetify/blob/master/.github/CONTRIBUTING.md#important-information) before opening an issue. Issues not confirming to the guidelines may be closed immediately.

### 📝 Changelog

Detailed changes for each release are documented in the [release notes](https://vuetifyjs.com/getting-started/release-notes/).

### 💁‍♂️ Contributing

Developers interested in contributing should read the [Code of Conduct](./CODE_OF_CONDUCT.md) and the [Contribution Guide](https://vuetifyjs.com/getting-started/contributing/).

> Please do **not** ask general questions in an issue. Issues are only to report bugs, suggest

  enhancements, or request new features. For general questions and discussions, ask in the [community chat](https://community.vuetifyjs.com/).

To help you get you familiar with our contribution process, we have a list of [good first issues](https://github.com/vuetifyjs/vuetify/labels/good%20first%20issue) that contain bugs which have a relatively limited scope. This is a great place to get started. If you have any questions, please join us on the [community chat](https://community.vuetifyjs.com).

We also have a list of [help wanted](https://github.com/vuetifyjs/vuetify/labels/help%20wanted) issues that you might want to check.

### 📑 License

Vuetify is available under the [MIT](http://opensource.org/licenses/MIT) software license.

Copyright (c) 2016-present Vuetify, LLC

----

This project exists thanks to all the people who contribute 😍!