PluginStatsvuetify-tailwind-utility-bridge weekly downloads statistics
By sugitata · npm · Tailwind plugins
A Tailwind CSS plugin to bring Vuetify utility classes for autocomplete and migration use cases.
vuetify-tailwind-utility-bridge has 300 recorded weekly downloads on npm, a decrease of 89.4% over the past 30 days.
It ranks #1547 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -83.1%.
PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.
About vuetify-tailwind-utility-bridge
vuetify-tailwind-utility-bridge
Tailwind CSS plugin that brings Vuetify-style utility classes to your project. Enables Figma design token alignment, Tailwind auto-completion, and incremental migration from Vuetify to Tailwind.
A Tailwind CSS plugin that provides Vuetify-like utility classes — for autocomplete support and progressive migration from Vuetify to Tailwind.
✨ Purpose
This package is designed with two main use cases:
1. Autocomplete support for Vuetify utility classes in VSCode
• Enables Tailwind CSS IntelliSense (autocomplete) for Vuetify utility classes like .ma-1, .text-primary, .elevation-4, etc. • see Vuetify utilities • This does not require Tailwind CSS to be installed in your project. • This was the original motivation behind creating this plugin — enabling autocomplete even in a Vuetify-only project.
🛠 Recommended VSCode settings
Add the following to your .vscode/settings.json:
✨ Features
• 🔧 Provides Vuetify-style utility classes (.d-flex, .ma-2, .rounded-lg, etc.) • 🎨 Maps Vuetify design tokens to Tailwind utility conventions • 🧩 Enables Tailwind IntelliSense / autocomplete in VSCode • 📦 Lightweight and framework-agnostic plugin • 🪜 Perfect for incremental migration from Vuetify to Tailwind • Theme injection (only Colors)
Unsupported Features
• RTL mode • Expand css variables (e.g. var(–v-hover-opacity);) • partial typography utilities(see src/generated/vuetifyUtilities.ts)
📦 Installation
🛠 Usage
1. Add Tailwind CSS IntelliSense in your VSCode 2. Add this plugin on your tailwindcss.config.js 1. You don't need to install tailwindcss if you want to use this module for autocompletion.
🚀 Use Case
• Bring Tailwind-class auto-completion to Vuetify-based components • Use it as a design token bridge between Vuetify and Figma • Gradually refactor Vuetify components into Tailwind
📄 License
MIT
Description from the npm listing.
- vuetify
- tailwindcss
- plugin
- vuetify-utility
- vuetify-tailwind
- tailwindcss-plugin
- vuetify-autocomplete
- tailwind-migration
- design-system
Where vuetify-tailwind-utility-bridge sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (543)Similar npm Tailwind plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/vuetify-tailwind-utility-bridge. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.