packages/docs/src/pages/en/blog/february-2026-update.md
Vuetify 4 is here. After four beta releases and months of community testing, v4.0.0 (Revisionist) shipped on February 23rd—bringing CSS layers, MD3 typography and elevation, and the architectural foundation for unstyled components. The Vuetify CLI also reached its v1.0.0 milestone, and Vuetify0 continues building its headless composable layer with createDataTable, createNested, and Breadcrumbs.
{ height=112 }
🖊️ John Leider • 📅 March 9th, 2026
<PromotedEntry />This is the release we've been building toward since the 2024 State of the Union. 390 commits across 15 active repositories, 68 merged PRs, and 21 releases across the ecosystem—all driven by a month laser-focused on getting v4 stable. J-Sek delivered another prolific month with 20+ merged framework PRs including VAvatarGroup and new transitions, while Andrei Elkin drove the CLI to its first stable release with the Tailwind preset and project scaffolding presets.
February was Vuetify's biggest release month ever. Four v4 betas culminated in the stable v4.0.0 (Revisionist) release, while v3.11.9, v3.12.0, and v3.12.1 maintained the v3 line. The CLI shipped nine releases reaching v1.0.0, Vuetify0 released v0.1.3, and the UnoCSS preset hit v0.2.0.
menu-header and menu-footer slotsView the complete list of changes in the Full Changelog.
Details:
The stable release of Vuetify 4.0.0 (Revisionist) landed on February 23rd after four beta releases (beta.0 through beta.3). This is a pivotal release for the Vuetify ecosystem—not just for the features it ships, but for the architecture it establishes.
<!-- MEDIA TODO: v4-launch.png Ideas: - Full-width announcement banner — "Vuetify 4" in large type with the key pillars underneath: CSS Layers / MD3 / Unstyled - Side-by-side code comparison: v3 styles being overridden with !important vs v4 clean @layer override — the "why it matters" shot - Browser DevTools screenshot showing the clean @layer stack (vuetify-base, vuetify-components, utilities) — proves the CSS layers story is real - Stylized diagram showing Vuetify 4 architecture: layers cake with MD3 at the base, components in the middle, user overrides on top -->@layer blocks, making it trivial to override styles and coexist with utility frameworks like TailwindCSS and UnoCSSThe upgrade path from v3 to v4 is intentionally minimal. The upgrade guide covers the handful of breaking changes, and the Vuetify MCP server provides AI-assisted migration tooling.
Every breaking change in v4 can be reverted with a drop-in snippet — upgrade now, migrate visuals at your own pace:
@layer vuetify-overrides@layer vuetify-core.resetThe vuetify-codemods package automates class and attribute renames.
::: tip
Use the Vuetify MCP server to analyze your project: "Scan my project for Vuetify 3 patterns that need updating for v4."
:::
Across the ecosystem, v4 adoption started immediately—Vuetify One upgraded to v4 the same week, and the CLI updated all project templates.
Details:
February's 39 merged PRs delivered new components, significant feature additions, and targeted bug fixes across both the v3 and v4 branches.
A new component for displaying stacked avatar collections with overlap, max count, and a "+N" indicator for overflow. Pairs with the new badge prop on VAvatar for status indicators.
VSnackbarQueue — Show multiple snackbars simultaneously instead of replacing one at a time (#22605)
VToolbar — New location prop for bottom-positioned toolbars (#22608)
VImg — image-class prop for styling the inner `` element, plus width="fit-content" support (#22622, #21414)
VDataTable — page-by prop for page size control (#22580)
VSelect/VAutocomplete/VCombobox — menu-header and menu-footer slots for custom dropdown content (#22414)
VSlider — Show thumb value on hover (#22412)
VOtpInput — masked prop to hide or show entered text (#20950)
VProgressCircular — reveal prop for animated entry (#22502)
VRow — Smaller density steps for finer layout control (#22574)
v-expand-both-transition — New transition that expands in both width and height (#22570)
color utilities — Strip text-* and bg-* prefixes for dynamic utility class support (#17569)
mdi-unocss icon set — Native UnoCSS icon support (#22117)
Details:
VSnackbar — Opaque background for transparent variants (#22646)
VTab — Correct text colors with inset without slider-color (#22614)
VDateInput — Prevent page scroll when opening years view (#22613)
VTimePicker — Enforce allowed values and range in inputs (#22578)
VColorPicker — Avoid undefined alpha in RGB/HSL output (#22582)
VSelect — Fix screenreader navigation to select options (#22602)
VTreeview — Indent lines with prepend-gap, correct ARIA roles and attributes (#22589, #22577)
VCard — Accept height when used within a dialog (#22594)
VDataTable — Sort icon persists after removing sort (#22595)
router — Ensure reactivity for to attribute in useLink (#20994)
styles — Utilities override responsive typography correctly (#22573)
Details:
Several features opened in February are expected in upcoming releases:
A new component for animated icon transitions—morphing between two icons using SVG path animation for polished state changes.
Optional built-in page transitions that leverage the View Transitions API, bringing smooth animated route changes without custom code.
A new hover-elevation prop and CSS utilities for elevation changes on hover—a common Material Design pattern now built in.
Details:
The Vuetify CLI reached its first stable release on February 23rd—shipping alongside Vuetify 4. With 42 commits and 9 releases (v0.0.14 through v1.0.3), Andrei Elkin transformed the CLI from an early beta into a production-ready tool.
Project Presets — Create projects with predefined configurations. The first preset is TailwindCSS—scaffolding a complete Vuetify 4 + Tailwind project with CSS layers configured correctly out of the box.
Vuetify 4 Templates — All project templates updated for v4, with version selection removed now that v4 is stable.
i18n Support — CLI prompts now support fallback locales for internationalized project scaffolding.
::: tabs
pnpm add -g @vuetify/cli
npm install -g @vuetify/cli
yarn global add @vuetify/cli
bun add -g @vuetify/cli
:::
Details:
The MCP server received 9 commits in February, adding new developer tooling and improving v0 integration.
V4 Migration Tools — Two tools launched alongside the v4 beta cycle provide AI-assisted upgrade guidance:
get_upgrade_guide — Fetches the full v3 → v4 upgrade guide with step-by-step migration instructions and revert snippetsget_v4_breaking_changes — Returns detailed migration guidance for all 13 categories of breaking changes (styles, grid, typography, elevation, theme, display, v-btn, v-snackbar, v-select, v-date-picker, v-form, v-img, nested), with optional category filteringcreate_bug_report Tool — Generate a pre-filled link to the Vuetify issue tracker with the correct repository and label pre-selected.
get_vuetify0_skill Tool — Provides AI assistants with v0 composable documentation and usage patterns, enabling better code generation for headless components.
v0 Fixes — Corrected composable names and missing exports in the v0 documentation, and fixed GitHub URL branch references.
CLI Integration — Andrei Elkin opened a PR for detecting running IDE instances and supporting multi-selection during MCP setup.
Install with the Vuetify CLI:
::: tabs
pnpm dlx @vuetify/cli add mcp
npx @vuetify/cli add mcp
yarn dlx @vuetify/cli add mcp
bunx @vuetify/cli add mcp
:::
Or configure manually:
{
"mcpServers": {
"vuetify": {
"url": "https://mcp.vuetifyjs.com/mcp"
}
}
}
Details:
Vuetify One completed a monorepo conversion, extracting @vuetify/auth as a standalone package with 7 iterative releases (v0.1.1 through v0.1.8). The app upgraded to Vuetify 4 on release day, and a new v3.vuetifyjs.com site identifier was added for versioned documentation hosting.
Details:
Henry Aviles shipped the team dashboard feature across 5 merged PRs—enabling team bin management, role-based permissions, and team switching.
Details:
Kael set up visual regression testing for Snips, and J-Sek fixed import and TypeScript issues for Vuetify Play compatibility.
The unocss-preset-vuetify reached v0.2.0 with theme variants, built-in MD2/MD3 elevation presets, and separated base typography layers.
February was Vuetify0's highest-commit month with 152 commits and 10 merged PRs, releasing v0.1.3. The focus shifted toward data-heavy composables and overlay management, building the foundation for reconstructing Vuetify's internals on v0's headless layer.
<!-- MEDIA TODO: v0.png Ideas: - Screenshot of the v0 docs site showing the new createDataTable composable page — TypeScript types visible in the API reference - IDE screenshot showing createDataTable usage with full autocompletion — sorting, filtering, pagination props all typed - Diagram of the v0 composable tree: createDataTable composed from createGroup + createFilter + createPagination + createSort — shows the composable-composition story - The Breadcrumbs compound component tree (Root > List > Item > Link > Divider > Ellipsis) rendered in the docs with ARIA attributes visible in DevTools - Before/after: Vuetify VDataTable source vs v0 createDataTable — shows the refactor direction -->createDataTable — Headless data table composable with sorting, filtering, pagination, and selection built in. The foundation for Vuetify's VDataTable refactor.
createNested — Gained active state management for hierarchical tree structures, enabling treeview, file browser, and nested navigation patterns with activate(), deactivate(), and activeIds tracking.
useStack — Overlay z-index management plugin for coordinating dialogs, menus, and drawers. Ensures correct stacking order without manual z-index management.
Breadcrumbs — Composable and component for accessible breadcrumb navigation with automatic ARIA attributes.
J-Sek landed two important fixes—symmetrical date diffs and a corrected getWeek implementation ported from Vuetify core.
Development is accelerating with several new components and composables in active PRs:
move() method for reordering registered itemsThe interactive playground is now live for experimenting with v0 composables.
::: info
With v4 stable, the Vuetify → Vuetify0 refactor has begun. Core Vuetify components are being rebuilt on top of v0's headless composable layer—the path to Vuetify 5.
:::
Details:
The following section provides an overview of the changes made in February 2026, including new features, bug fixes, and enhancements across the Vuetify framework.
Key Improvements:
Expand this section to see the detailed changelog for February 2026:
<details> <summary>February 2026 Full Changelog</summary>:wrench: Bug Fixes
:rocket: Features
:wrench: Bug Fixes
:wrench: Bug Fixes
:rocket: Features
@layer blocks for clean utility framework coexistenceWith v4 stable, the focus shifts to two fronts. First, v4.1 will land the features currently in development—VMorphingIcon, theme page transitions, and hover elevation. VFileUpload's VInput integration and VCommandPalette's closeOnSelect and before-select events have already landed, along with Nuxt and UnoCSS presets for the CLI.
Second, the Vuetify → Vuetify0 refactor is now underway. Core Vuetify components are being rebuilt on v0's headless composable layer—starting with data table, tree, and form primitives. This is the path to Vuetify 5, where the full component library and the headless meta-framework share one unified architecture.
Vuetify is and always will be free and open source. If your team relies on the framework, consider supporting continued development through Vuetify One or GitHub Sponsors. Every contribution helps us ship features like v4, the CLI, and Vuetify0 faster.
Thank you for being part of the Vuetify community. See you in March!
Stay connected with Vuetify updates through our GitHub repository, Discord community, and follow @vuetifyjs for the latest announcements. The best is yet to come!