ContextQMD
Back to Vuetify

August 2025 Update

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

4.0.720.4 KB
Original Source

August 2025 Update

Welcome to our August update! This month marks a pivotal moment in Vuetify's evolution as we prepare to release the pre-alpha of Vuetify0, launch our redesigned issues page, and continue delivering powerful components and improvements.

{ height=112 }

🖊️ John Leider • 📅 September 9th, 2025

<PromotedEntry />

From Zero

Vuetify0 reached pre-alpha status this month, delivering the first public release of our meta-framework for UI library development. The release includes foundational composables for registration and selection, plus core plugins for breakpoints, hydration, locale management, storage, and theming. These framework-agnostic tools represent the extracted intelligence that powers Vuetify, now available as standalone packages for any development environment.

Ecosystem improvements continued throughout August with significant team-community collaboration driving advances in foundational architecture, component refinements, and developer experience enhancements. The 87 pull requests merged this month reflect ongoing contributions that strengthen not just Vuetify0, but the entire ecosystem. This pre-alpha milestone sets the foundation for broader adoption while maintaining our commitment to developer productivity and framework flexibility.

::: success

Cool example of the month: VVideo Card by Vuetify

:::

Table of Contents

Releases

August focused on general component stability and bug fixes. View the complete list of changes in the Full Changelog.

Details:

"Mastering Vuetify Theming" Webinar Recap

On August 27th, we hosted our second community webinar: "Mastering Vuetify's Theming Engine". Following the success of July's migration webinar, this session dove deep into one of Vuetify's most powerful features.

What We Covered

  • Theme Architecture: Understanding how Vuetify's theming system works under the hood
  • Custom Theme Creation: Step-by-step guide to building professional themes
  • Dynamic Theming: Implementing runtime theme switching and user preferences
  • Performance Optimization: Best practices for theme efficiency
  • Advanced Techniques: CSS variables, theme inheritance, and component-specific theming

Community Response

The turnout exceeded our expectations, with developers from around the world joining to level up their theming skills. The Q&A session revealed common challenges that we're already addressing in our documentation and tooling improvements.

Recording

We have the event recorded and are working on what the process looks like to bring it to you. More than likely will end up on our YouTube Channel, make sure to subscribe if you haven't already.

Upcoming Webinar: "Performance Crisis"

Based on your feedback, our September webinar will tackle one of the most requested topics: "Performance Crisis: Slash Your Bundle Size". This session will show you how to dramatically reduce your Vuetify application's footprint through:

  • Advanced tree-shaking techniques
  • Component lazy loading strategies
  • Build optimization configurations
  • Real-world case studies with measurable results

{ height=135 }

Details:

Vuetify0 in Pre-Alpha

If you missed my initial mentions of it, Vuetify0 is a meta framework for building UI libraries. We've distilled the core of Vuetify into a collection of highly optimized, framework-agnostic composables. This means the power that drives Vuetify—its layout system, theming engine, localization setup, and component logic—will be available as a standalone package.

Modern Development Experience: Built from the ground up for Vue 3, TypeScript, and modern build tools, v0 embraces the latest web platform features while maintaining broad compatibility.

What to Expect in the Pre-Alpha

The initial Vuetify0 release will focus on the foundational pillars of the framework. Some pages are still receiving their initial content so please pardon our dust. Here's what you'll be able to explore:

Composables:

  • Foundational composables are the backbone of Vuetify0 and are the basic building blocks for creating a UI library.
  • Registration composables are the foundational pieces for selection and tokenization.
  • Selection composables serve as the core logic for managing selectable items, including single and multiple selection modes.
  • Plugins: Breakpoints, Hydration, Locale, Storage, and Theme plugins to manage global application state.

::: info

If you're wondering how Vuetify0 will affect you as a Vuetify user, the short answer is: it won't—at least not immediately.

:::

The long-term plan is to incrementally integrate Vuetify0 composables into Vuetify over time, starting with new components and gradually refactoring existing ones. This approach allows us to enhance the framework's architecture without disrupting your current projects. If you're wondering how Vuetify0 will affect you as a Vuetify user, the short answer is: it won't—at least not immediately. What it will do is open the door for new libraries and tools to be built on the same fundamentals that drive Vuetify. Allowing developers to opt into the Vuetify ecosystem without having to commit to "Big Vuetify" as we've started calling it internally.

Details:

Framework Updates

We've made significant progress on several key components and features this month. The team merged 87 pull requests in August alone, primarily focusing on component enhancements, bug fixes, and developer experience improvements.

VEditor: Final Testing, Coming Soon

VEditor is in the final stages of testing and will be available soon. This rich text editor brings professional content editing capabilities to Vuetify applications, including:

{ height=135 }

  • Rich Text Formatting: Comprehensive formatting options like bold, italic, underline, strikethrough, code blocks, heading levels (H1-H6), subscript, superscript, and blockquotes
  • Customizable Toolbar: Choose which formatting options to display, hide the toolbar completely, or configure it dynamically at runtime with Material Design Icons
  • Form Integration: Full v-model support with Vuetify's validation system, including rules for required content, character limits, and seamless v-form compatibility
  • Flexible Styling: Configurable height, multiple variants (outlined, solo, underlined), responsive design, and full Vuetify theme integration
  • Advanced Features: Clearable content functionality, proper focus management, accessibility support with ARIA labels, and cross-browser contentEditable implementation

Details:

Ecosystem Spotlight: Vuetify Issues

The redesigned issues experience is now live at issues.vuetifyjs.com. This release focused on migrating the app from Vuetify v1.5 to v3 for a modern, consistent UI and better developer ergonomics. We also integrated Vuetify One to enable future enhancements—like special labels for subscribers—to streamline triage and improve visibility.

<video width="100%" height="auto" loop controls class="mb-4"> <source src="https://cdn.vuetifyjs.com/docs/images/blog/august-2025-update/issues.mp4" type="video/mp4"></source> </video>

::: info

The previous issues page was originally built with Vuetify v1.5 in 2018

:::

Details:

Free Premium Themes

All Vuetify‑made themes—designed, built, and maintained by the Vuetify team—are now free for personal use. Enjoy polished, production‑ready starting points to learn best practices, explore ideas, and accelerate side projects without licensing friction.

Now Available for Free

This move reflects our commitment to lowering barriers to entry and helping developers create beautiful applications faster. Visit the Vuetify Store to explore the expanded free collection.

{ height=600 }

Details:

August 2025 Changelog

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

Key Improvements:

  • Accessibility and high-contrast: forced-colors fixes in VBtn/VCard, ARIA labels in VColorPicker, role added to VTextField input
  • Smarter selection UX: VSelect fixes placeholder overlap and shows selected text
  • More reliable date picking: VDatePicker prioritizes allowed months/years and fixes year scroll/focus
  • Tables/inputs polish: VDataTable row/stripe fixes, VNumberInput focus/icons, VField clear, menu/tooltip reposition
  • Labs upgrades: VVideo aspect-ratio and visuals, VPie touch segments, VColorInput pip/focus, VIconBtn icon-color

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

<details >

:wrench: Bug Fixes

:microscope: Code Refactoring

  • VDataTable: avoid Array.toReversed() (3894f98)

:test_tube: Labs

  • VColorInput: pip customization (#21820) (db389d5)
  • VColorInput: allow inner fields focus using mouse (7657d52), closes #21897
  • VIconBtn: correctly apply icon-color (b2ece2c), closes #21930
  • VPie: support touch for segment interaction (#21871) (93f4218)
  • VVideo: prefer max-width, default to 100% (22d5dd5)
  • VVideo: add aspect-ratio prop (83e67d1)
  • VVideo: correct default track color with pills (e98919d)
  • VVideo: correct color customization (13da3e1)
  • VVideo: correctly move elevation to pills (3df9494)
  • VVideo: hide overlays for background variant (466dc6f)
</details>

Building the Future{ .mt-4 }

August is about laying the foundation to begin integrating Vuetify0 into Vuetify. The pre‑alpha work is shaping the path for incremental adoption of Zero‑powered primitives across the framework.

In parallel, the ecosystem continues to be polished and expanded:

  • VEditor is nearing release with robust formatting and form integration.
  • VVideo and related media features are progressing.
  • Improvements to performance, theming, docs, and the redesigned issues experience are landing steadily.

Thanks for the feedback and contributions—these foundations will turn into practical wins shipping over the next few releases.

Stay connected with Vuetify updates through our GitHub repository, Discord community, and upcoming webinar series announcements.