Installations
npm install vuetifyDeveloper Guide
Typescript
Yes
Module System
CommonJS, ESM
Min. Node Version
^12.20 || >=14.13
Node Version
22.6.0
NPM Version
lerna/8.1.7/node@v22.6.0+x64 (linux)
Score
68.1
Supply Chain
63.2
Quality
94.4
Maintenance
100
Vulnerability
97.9
License
Releases
Contributors
Languages
TypeScript (51.38%)
Vue (37.54%)
Sass (5.47%)
SCSS (3.77%)
JavaScript (1.79%)
HTML (0.04%)
Developer
Download Statistics
Total Downloads
117,232,539
Last Day
41,247
Last Week
433,490
Last Month
2,468,110
Last Year
28,278,451
GitHub Statistics
40,044 Stars
16,274 Commits
6,966 Forks
590 Watching
147 Branches
1,000 Contributors
Bundle Size
39.62 kB
Minified
13.82 kB
Minified + Gzipped
Sponsor this package
Maintainers
Package Meta Information
Latest Version
3.7.6
Package Id
vuetify@3.7.6
Unpacked Size
34.60 MB
Size
4.91 MB
File Count
1,439
NPM Version
lerna/8.1.7/node@v22.6.0+x64 (linux)
Node Version
22.6.0
Publised On
18 Dec 2024
Total Downloads
Cumulative downloads
Total Downloads
117,232,539
Last day
-62%
41,247
Compared to previous day
Last week
-29%
433,490
Compared to previous week
Last month
-5.6%
2,468,110
Compared to previous month
Last year
16.1%
28,278,451
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
4
Dev Dependencies
62
💖 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! 🎉
- 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
1pnpm create vuetify
Using yarn
1yarn create vuetify
Using npm
1npm create vuetify@latest
Using bun
1bun 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 |
|---|---|
| ✂️ 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.
🙋♂️ 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 😍!
No vulnerabilities found.
Reason
30 commit(s) and 4 issue activity found in the last 90 days -- score normalized to 10
Reason
security policy file detected
Details
- Info: security policy file detected: SECURITY.md:1
- Info: Found linked content: SECURITY.md:1
- Info: Found disclosure, vulnerability, and/or timelines in security policy: SECURITY.md:1
- Info: Found text in security policy: SECURITY.md:1
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE.md:0
- Info: FSF or OSI recognized license: MIT License: LICENSE.md:0
Reason
no binaries found in the repo
Reason
Found 11/30 approved changesets -- score normalized to 3
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/ci.yml:1
- Warn: no topLevel permission defined: .github/workflows/close-issue.yml:1
- Warn: no topLevel permission defined: .github/workflows/crowdin-uploads.yml:1
- Warn: no topLevel permission defined: .github/workflows/nightly-pr.yml:1
- Warn: no topLevel permission defined: .github/workflows/nightly-schedule.yml:1
- Warn: no topLevel permission defined: .github/workflows/stale.yml:1
- Warn: no topLevel permission defined: .github/workflows/triage.yml:1
- Info: no jobLevel write permissions found
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:53: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:69: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:70: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:80: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:81: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:90: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:93: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:97: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:118: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:119: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:123: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:140: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:151: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:152: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:156: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/ci.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/close-issue.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/close-issue.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/crowdin-uploads.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/crowdin-uploads.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/crowdin-uploads.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/crowdin-uploads.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-pr.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-pr.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-pr.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-pr.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-pr.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-pr.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-pr.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-pr.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-schedule.yml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-schedule.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/nightly-schedule.yml:67: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-schedule.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-schedule.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-schedule.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nightly-schedule.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/nightly-schedule.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/stale.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/stale.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/triage.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/triage.yml/master?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/triage.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/vuetifyjs/vuetify/triage.yml/master?enable=pin
- Warn: containerImage not pinned by hash: Dockerfile:1: pin your Docker image by updating nginx:alpine to nginx:alpine@sha256:41523187cf7d7a2f2677a80609d9caa14388bf5c1fbca9c410ba3de602aaaab4
- Info: 0 out of 23 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 12 third-party GitHubAction dependencies pinned
- Info: 0 out of 1 containerImage dependencies pinned
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 13 are checked with a SAST tool
Reason
24 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-9r9m-ffp6-9x4v
- Warn: Project is vulnerable to: GHSA-hjwq-mjwj-4x6c
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-8hc4-vh64-cxmj
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm
- Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
- Warn: Project is vulnerable to: GHSA-96g7-g7g9-jxw8
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-44c6-4v22-4mhx
- Warn: Project is vulnerable to: GHSA-4x5v-gmq8-25ch
- Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
- Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7
- Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3
- Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Score
4.8
/10
Last Scanned on 2024-12-16
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More