Settings

Theme
Light
Dark
System
Mixed

Direction
LTR
RTL

API
Link Only
Inline
Introduction
Why Vuetify?
Long-term support
Roadmap
Getting started
Installation
Upgrade Guide
Release notes
Contributing
Features
Application layout
Blueprints
Display & Platform
Global configuration
Icon Fonts
Internationalization (i18n)
SASS variables
Theme
Treeshaking
Styles and animations
CSS Reset
Border radius
Material color palette
Content styles
Display helpers
CSS Elevation helpers
CSS Flex helpers
CSS Float helpers
CSS Overflow helpers
Sizing
CSS Spacing helpers
Text and typography
Transitions
Components
All Components
Alerts
App bars
Application
Aspect ratios
Avatars
Badges
Banners
Bottom navigation
Breadcrumbs
Buttons
Cards
Carousels
Chips
Color pickers
Defaults provider
Dividers
Expansion panels
Footers
Form inputs & controls
Autocompletes
Checkboxes
Combobox
File inputs
Forms
Custom inputs
Radio buttons
Selects
Sliders
Range sliders
Switches
Textareas
Text fields
Grids
Groups
Button toggles
Chip groups
Item groups
Slide groups
Windows
Hover
Icons
Images
Lazy
Lists
Navigation drawers
Overlays
Custom Overlays
Dialogs
Menus
Tooltips
No SSR
Pagination
Parallax
Progress
Progress circular
Progress linear
Ratings
Sheets
Snackbars
System bars
Tables
Tabs
Theme providers
Timelines
Toolbars
API
display
v-alert-title
v-alert
v-app-bar-nav-icon
v-app-bar-title
v-app-bar
v-app
v-autocomplete
v-avatar
v-badge
v-banner-actions
v-banner-text
v-banner
v-bottom-navigation
v-breadcrumbs-divider
v-breadcrumbs-item
v-breadcrumbs
v-btn-group
v-btn-toggle
v-btn
v-card-actions
v-card-item
v-card-subtitle
v-card-text
v-card-title
v-card
v-carousel-item
v-carousel
v-checkbox-btn
v-checkbox
v-chip-group
v-chip
v-code
v-col
v-color-picker
v-combobox
v-container
v-defaults-provider
v-dialog
v-divider
v-expansion-panel-text
v-expansion-panel-title
v-expansion-panel
v-expansion-panels
v-field-label
v-field
v-file-input
v-footer
v-form
v-hover
v-icon
v-img
v-input
v-intersect
v-item-group
v-item
v-kbd
v-layout-item
v-layout
v-lazy
v-list-group
v-list-img
v-list-item-action
v-list-item-avatar
v-list-item-header
v-list-item-icon
v-list-item-media
v-list-item-subtitle
v-list-item-title
v-list-item
v-list-subheader
v-list
v-locale-provider
v-main
v-menu
v-navigation-drawer
v-no-ssr
v-overlay
v-pagination
v-parallax
v-progress-circular
v-progress-linear
v-radio-group
v-radio
v-range-slider
v-rating
v-resize
v-responsive
v-ripple
v-row
v-scroll
v-select
v-selection-control-group
v-selection-control
v-sheet
v-slide-group-item
v-slide-group
v-slider
v-snackbar
v-spacer
v-switch
v-system-bar
v-tab
v-table
v-tabs
v-text-field
v-textarea
v-theme-provider
v-timeline-item
v-timeline
v-toolbar-items
v-toolbar-title
v-toolbar
v-tooltip
v-touch
v-validation
v-window-item
v-window
Directives
Click outside
Intersection observer
Mutation observer
Resize
Ripple
Scroll
Touch
About
Meet the team
Sponsors and backers
Security disclosure
Code of conduct
This is BETA documentation for Vuetify 3, examples and information may be broken or outdated.
Components not listed in the sidebar are not available yet.
Vuetify 2 documentation can be found on vuetifyjs.com

# Sponsor Vuetify development

Vuetify is an MIT licensed open-source project that’s completely free to use. It is actively maintained by John and Heather Leider as a full-time job. In addition, a Core team of open-source contributors help maintain and guide the future of the framework. The time and dedication it takes to maintain the core framework and ecosystem packages is substantial. You can support Vuetify’s open-source project by becoming a backer through one of the following methods:

# One-time donations

One-time donations can be made through PayPal.

# Recurring Pledges

Recurring pledges come with exclusive perks such as priority GitHub issues, application auditing, and having your logo placed on this website.

  • Become a backer or sponsor via GitHub or Patreon (goes directly to Vuetify to support John and Heather).
  • Become a backer or sponsor through Open Collective (a transparent fund for supporting the development and maintenance of Vuetify).

# Current Project Sponsors

We thank all of our project sponsors for their continued support of Vuetify. If you have any questions about sponsorship, please reach out to sponsor@vuetifyjs.com for more information.

# Special

# Palladium

# Platinum

# Gold

# Silver

# Affiliate

# Service

# Cursory

If you run a business and are using Vuetify in a revenue-generating product, it makes business sense to sponsor Vuetify development: it ensures the project that your product relies on stays healthy and actively maintained. Vuetify is a full-time job for John and Heather; your sponsorship and contributions help support them.

If you have any questions, please reach out to sponsor@vuetifyjs.com.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.

Contents
  • One-time donations
  • Recurring Pledges
  • Current Project Sponsors
  • Special
  • Palladium
  • Platinum
  • Gold
  • Silver
  • Affiliate
  • Service
  • Cursory