Back to Vuetify

November 2025 Update

packages/docs/src/pages/en/blog/november-2025-update.md

4.0.617.7 KB
Original Source
<script setup> import { useTheme } from 'vuetify' const theme = useTheme() const mcplogo = computed(() => { return `https://cdn.vuetifyjs.com/docs/images/one/logos/vmcp-logo-${theme.current.value.dark ? 'dark' : 'light'}.png` }) const zerologo = computed(() => { return `https://cdn.vuetifyjs.com/docs/images/one/logos/vzero-logo-${theme.current.value.dark ? 'dark' : 'light'}.png` }) const vuetifylogo = computed(() => { return `https://cdn.vuetifyjs.com/docs/images/one/logos/vuetify-logo-${theme.current.value.dark ? 'dark' : 'light'}.png` }) </script>

November 2025 Update

Welcome to the November 2025 Vuetify update! This month marks a major milestone with the release of v3.11.0 (Harbinger), promoting VCalendar and VHotkey from labs to core, introducing the new VTimePicker input variant, and aligning VDatePicker with Material Design 3 specifications.

🖊️ John Leider • 📅 December 10th, 2025

<PromotedEntry />

The Harbinger Arrives

November was a landmark month for the framework. We shipped v3.11.0 (Harbinger) with two components graduating from labs—VCalendar and VHotkey—alongside significant enhancements to date and time pickers that bring them in line with Material Design 3. The VTimePicker input variant and VDatePicker control alignment represent months of refinement work finally landing in a stable release. Beyond the framework, we made substantial progress on the Vuetify CLI with 37 commits laying the groundwork for v0 tooling. J-Sek continued his incredible contribution streak, authoring 14 PRs to the main framework and adding 7+ new templates to Snips. The ecosystem is firing on all cylinders.

::: success

Cool example of the month: v0 Expansion Panel in VPlay by johnleider

:::


Table of Contents


Releases

November delivered seven releases culminating in v3.11.0 (Harbinger), our most feature-rich release since v3.10. Two components graduated from labs to core, and we shipped significant enhancements across date/time pickers, tabs, and overlay components.

Key Improvements

  • VCalendar and VHotkey promoted from labs to core components
  • New VTimePicker input variant for inline time entry without the dial interface
  • VDatePicker MD3 alignment with updated control variants matching Material Design 3 specifications
  • VTabs inset prop for subtle tab designs in dense layouts
  • VTextarea max-height prop for controlled textarea growth
  • VSelect auto-select-first for automatic first-item highlighting
  • Theme layers option for advanced CSS cascade control

View the complete list of changes in the Full Changelog

Details:


Ecosystem Spotlight: Vuetify CLI

November saw intensive development on the Vuetify CLI, with 37 commits laying the foundation for v0 tooling and developer workflows. While not yet released, this work represents a significant investment in the developer experience for Vuetify 4.0 and beyond.

The CLI will provide streamlined project scaffolding, component generation, and integration with the broader Vuetify ecosystem including v0 composables and the MCP server. More details coming as we approach the initial release.

Also this month:

  • Vuetify Bin received real-time collaboration features
  • Vuetify Snips added 7+ new templates across pricing, buttons, feedback cards, and chat components
  • Vuetify Play and Studio improved user preference persistence

Details:


Framework Updates

<AppFigure :src="vuetifylogo" alt="Vuetify logo" width="200" height="auto" class="mx-auto my-4" title="Vuetify Logo" />

November's framework work centered on date/time picker improvements and component polish. J-Sek delivered an outstanding 14 PRs, driving many of the enhancements below.

Date & Time Picker Enhancements

The date and time picker components received significant attention this month, bringing them closer to Material Design 3 specifications and adding long-requested features.

VTimePicker Input Variant

A new input variant allows users to type time values directly without using the dial interface—perfect for power users and keyboard-first workflows.

VDatePicker MD3 Controls

Control variants have been aligned with Material Design 3, providing a more polished and consistent appearance.

<!-- replace height with auto before releasing --> <video width="100%" height="300" loop controls class="mb-4"> <source src="https://cdn.vuetifyjs.com/docs/images/blog/november-2025-update/vdatepicker-md3.mp4" type="video/mp4"></source> </video>

Details:

Component Refinements

Navigation & Layout

  • VTabs: New inset prop for subtle tab designs, plus slider transition improvements
  • VOverlay: Added viewport-margin prop for better positioning control
  • VNavigationDrawer: New retain-focus prop to control focus behavior
<!-- replace height with auto before releasing --> <video width="100%" height="300" loop controls class="mb-4"> <source src="https://cdn.vuetifyjs.com/docs/images/blog/november-2025-update/vtabs-slider.mp4" type="video/mp4"></source> </video>

Form Components

  • VTextarea: Added max-height prop for controlled growth
  • VSelect: New auto-select-first prop and improved chip itemProps handling
  • VCombobox: Create new items when pasting with line breaks

Data & Display

  • VTreeview: Significant performance improvements for large trees
  • VList: New prepend-gap and indent props for flexible spacing
  • VBreadcrumbs: Props and width can now be passed to items

Theming

  • New layers option for advanced CSS cascade control

Details:


Vuetify MCP: Continued Evolution

<AppFigure :src="mcplogo" alt="Vuetify MCP logo" width="200" height="auto" class="mx-auto my-4" title="Vuetify MCP Logo" />

November brought four releases to the Vuetify MCP server (v0.2.0 through v0.2.3), continuing to refine the AI-powered development experience.

What's New

Stability Improvements: Multiple releases focused on reliability and edge case handling for the HTTP transport introduced in October.

Documentation Enhancements: Improved tool descriptions and response formatting for better AI assistant integration.

Getting Started

To use the hosted MCP server with Claude Desktop or other MCP clients:

json
{
  "mcpServers": {
    "vuetify": {
      "url": "https://mcp.vuetifyjs.com/mcp"
    }
  }
}

Details:


Vuetify0: Progress Update

<AppFigure :src="zerologo" alt="Vuetify0 logo" width="200" height="auto" class="mx-auto my-4" title="Vuetify0 Logo" />

November was our most active month yet for Vuetify0, with 109 commits and 5 releases (v0.0.10 through v0.0.14). The focus was on performance optimization and type safety improvements.

Performance Optimizations

We implemented deferred reindexing for registry unregister operations, significantly improving performance when components mount and unmount rapidly.

Type Safety Improvements

The RegistryTicket.value is now generic, providing better type inference and IntelliSense support when working with registered items.

ts
import { useRegistry } from '@vuetify/v0'
import type { RegistryTicket } from '@vuetify/v0'

interface User {
  name: string
  email: string
}

// Value type flows through the registry
const registry = useRegistry<RegistryTicket<User>>()

const ticket = registry.register({
  id: 'user-1',
  value: { name: 'John', email: '[email protected]' }
})

// ticket.value is typed as User
console.log(ticket.value.name) // ✓ TypeScript knows this is a string

December will focus on expanding the component library and preparing integration paths with the main Vuetify framework.

Details:


November 2025 Changelog

The following section provides an overview of the changes made in November 2025, including new features, bug fixes, and enhancements across the Vuetify framework.

Key Improvements:

  • VCalendar and VHotkey promoted from labs to core
  • VTimePicker input variant for direct time entry
  • VDatePicker MD3 control alignment
  • VTabs inset prop and slider transitions
  • VTreeview performance optimizations for large trees
  • Theme layers option for CSS cascade control

Expand this section to see the detailed changelog for November 2025:

<details>

:rocket: Features

:wrench: Bug Fixes

  • v-tooltip: prevent showing empty tooltip (#22347) (Haviles04)
  • VAvatar: update background variable to use RGB format (#22310) (juanjcardona13)
  • VBtnToggle: remove semicolon from Sass (#22293) (methompson)
  • VBtnToggle: render selected in forced-colors mode (#22279) (06b)
  • VCalendar: calculate week numbers using current locale (#22341) (J-Sek)
  • VCalendar: correct interval and event offset with custom firstTime (#22343) (KaelWD)
  • VCalendar: day button font size and no active state (#22336) (J-Sek)
  • VDateInput: min/max with built-in adapter (#22295) (J-Sek)
  • VDatePicker: support landscape mode (#22305) (ikushum)
  • VField: hide progress border in forced-colors mode (#22316) (06b)
  • VField: remove details prop from makeVFieldProps (#22268) (pgalhardo)
  • VHotkey: inline alignment, sizing consistency, slash separator (#22321) (J-Sek)
  • VInfiniteScroll: hide side element when empty (#21749) (J-Sek)
  • VList: correct styles for spacing with nav prop (#22254) (J-Sek)
  • VMaskInput: Fixes error when mask input is cleared (#22176) (ikushum)
  • VRating: correct keyboard controls (#22314) (J-Sek)
  • VSelect: Use hidden select for native form submissions (#22330) (ikushum)
  • VTab: render selected in forced-colors mode (#22271) (06b)
  • VTreeview: faster interactions with large trees (#22255) (J-Sek)

:test_tube: Labs

  • VCalendar: promoted to core component
  • VHotkey: promoted to core component
</details>

What's Next{ .mt-4 }

December will see continued refinement of v3.11.x as we stabilize the new features and address community feedback. Work on VCommandPalette progresses toward an initial labs release, and we're expanding the v0 library with additional headless primitives.

The Vuetify CLI is approaching its first public release, which will streamline project setup and component generation for both Vuetify 3 and the upcoming v0-based workflows. We're also planning end-of-year webinars covering the v3.11 release highlights and a preview of what's coming in 2026.

Thank you for being part of the Vuetify community. See you in December!


Stay connected with Vuetify updates through our GitHub repository, Discord community, and follow @vuetifyjs for the latest announcements. The best is yet to come!