Skip to content

๐Ÿ‰ Material Component Framework for Vue

License

Notifications You must be signed in to change notification settings

SoheilHasankhani/vuetify

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Vuetify Logo

Downloads Downloads
License Chat
Version CDN

๐Ÿ’– Supporting Vuetify

Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from the entire Core Team. Sponsor Vuetify and receive some awesome perks and support Open Source Software at the same time! ๐ŸŽ‰

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 yarn

yarn create vuetify

Using npm

npm create vuetify@latest

Using pnpm

pnpm create vuetify

Using bun

bun create vuetify

For more information on how to get started, such as using Nuxt or Laravel, check out the official Installation guide.

๐Ÿš€ 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 and Default configuration and 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
  • Internationalization: 42+ supported languages

Browser Support

Vuetify supports all modern browsers, including Safari 13+ (using polyfills). Components are designed for a minimum width of 320px.

๐ŸŒŽ Vuetify Ecosystem

Resources

Name Description
๐Ÿ’ซย 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 Version Quickly spin up applications with a simple command.
๐Ÿ“ฆ vuetify-loader Version Compiler plugins for autoloading Vuetify components
๐Ÿ“„ eslint-plugin-vuetify Version An opinionated eslint-plugin for Vuetify

๐Ÿ–ฅ๏ธ Documentation

To check out the docs, visit vuetifyjs.com.

Crowdin Uploads

๐Ÿ™‹โ€โ™‚๏ธ Questions

For help and support questions, please use our Discord community. This issue list of this repo is exclusively for bug reports and feature requests.

๐Ÿ› Issues

Use our Issue generator to report bugs and request new features.

Please make sure to read the 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.

๐Ÿ’โ€โ™‚๏ธ Contributing

Developers interested in contributing should read the Code of Conduct and the Contribution Guide.

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.

To help you get you familiar with our contribution process, we have a list of good first issues 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.

We also have a list of help wanted issues that you might want to check.

๐Ÿ“‘ License

Vuetify is available under the MIT software license.

Copyright (c) 2016-present Vuetify, LLC


This project exists thanks to all the people who contribute ๐Ÿ˜!

About

๐Ÿ‰ Material Component Framework for Vue

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 51.8%
  • Vue 37.2%
  • Sass 5.1%
  • SCSS 3.8%
  • JavaScript 2.0%
  • HTML 0.1%