packages/docs/src/pages/en/blog/june-2025-update.md
This month is packed full of exciting updates and progress across the Vuetify ecosystem.
šļø John Leider ā¢ š July 7th, 2025
<PromotedEntry />June delivered substantial progress on developer experience enhancements, component stability improvements, and platform ecosystem expansion. Our team focused on shipping major new composables, refining core components, and strengthening the development workflow with significant updates to hotkey management, command palette functionality, and comprehensive bug fixes across the framework.
We also hosted an engaging Q&A session with me, where our community shared their questions and valuable insights. We were thrilled to connect directly with our users and gather feedback that will help shape the future direction of the framework. Don't worry if you missed this session, we have exciting webinars planned for the coming months as well!
::: success
Cool example of the month: VBites by Jacek
:::
June continued our steady release cadence with several updates addressing bugs and introducing enhancements. These releases focused on component stability and developer experience improvements. View the complete list of changes in the Full Changelog.
{ height=200 }
Details:
Did you know? Vuetify Studio is our comprehensive development platform that often goes unnoticed by the broader community. Studio provides a complete ecosystem for Vuetify development, including:
We're continuously expanding Studio's capabilities to support modern development workflows, and we encourage the community to explore how Studio can accelerate your Vuetify development process.
Details:
There are multiple new components in development with some of that functionality reaching Labs this month. Below are some of the highlights.
This month marked a significant milestone with the completion and pre-release of our VHotkey component and useHotkey composable system. After extensive development and iteration, these tools are now available in Labs for testing and feedback as we work toward their stable release.
VHotkey Component Features:
platform prop allows forcing the component to display Mac vs PC hotkey conventionsprefix and postfix props for better integration flexibility{ height=220 }
useHotkey Composable Features:
maybeRefs, enabling dynamic hotkey configuration changesThis functionality serves as a critical building block for the upcoming VCommandPalette component, providing developers with robust keyboard shortcut management that works seamlessly across different platforms and use cases. While currently in Labs, we encourage the community to test these components and provide feedback as we work toward their stable release.
Details:
We have several new components in development that we are confident will enhance the Vuetify ecosystem and provide additional functionality for developers.
VMaskInput: After vanishing in v2, masking is back in the library with enhanced input capabilities and new features.
{ height=280 }
VEditor: Early development phase for a new editor component, expanding Vuetify's content creation capabilities.
{ height=220 }
VVideo: Documentation improvements, Sass variable extraction, and volume component refinement.
<video width="100%" height="auto" autoplay loop controls> <source src="https://cdn.vuetifyjs.com/docs/images/blog/june-2025-update/vvideo.mp4" type="video/mp4"></source> </video>VCommandPalette: Ongoing development for a powerful command palette component, designed to enhance user interaction and streamline application workflows.{ height=150 }
{ height=370 }
Details:
Multiple advancements were made across the Vuetify ecosystem to improve developer experience and platform capabilities.
Vuetify One subscribers can now copy documentation pages as Markdown. This feature allows you to easily extract and reuse documentation content in your projects, enhancing collaboration and knowledge sharing within teams.
{ height=220 }
All users can now save favorite search results in the Vuetify documentation. Just press ctrl+k or cmd+k to open the search bar, type your query, and click the star icon next to the search result you want to save. This feature allows you to quickly access frequently used documentation pages, improving your workflow and efficiency.
{ height=300 }
Details:
Updated default interface to include links to various Vuetify ecosystem sites, making it easier for users to navigate and access resources.
{ height=300 }
Bins now support locking. This new functionality prevents unwanted changes to shared code examples, ensuring that your collaborative work remains intact and consistent.
{ height=250 }
This feature will soon propagate to the Vuetify Playground as well as Vuetify Studio.
It's also now possible to access Bins saved while having an active Vuetify One subscription.
Details:
June featured successful community Q&A sessions that provided direct interaction between our core team and the developer community. The feedback and engagement we received were invaluable in shaping our development priorities and understanding real-world usage patterns.
Missed the Q&A Sessions? Don't worry! We're planning a comprehensive webinar series launching in July. If you have valuable feedback, suggestions, or questions you'd like to see addressed, keep an eye out for our upcoming webinar announcements. These sessions will provide deep dives into Vuetify best practices, new feature demonstrations, and direct access to core team expertise.
We encourage community members to share their input and help us make these educational sessions as valuable as possible for everyone.
We're excited to share an early glimpse into Vuetify 0 (internally known as v0), our upcoming entry into the unstyled component and composable ecosystem. Building on our experience with Vuetify's component library, we're developing a new approach that delivers the same functionality and developer experience without built-in styling.
What This Means: While unstyled components are certainly part of this initiative, Vuetify 0 represents something much more significant - we're publicly releasing our internal composables and framework building tooling. This includes the foundational utilities, patterns, and architectural components that power Vuetify itself, giving developers access to the same building blocks we use internally to create robust UI frameworks:
import { useGroup } from '@vuetify/0'
import type { GroupItem, GroupTicket, GroupContext, GroupOptions } from '@vuetify/0'
interface StepItem extends GroupItem {
title: string
description?: string
}
interface StepTicket extends GroupTicket {
step: number
}
interface StepOptions extends Omit<GroupOptions, 'multiple'> {}
interface StepContext extends GroupContext {
first: () => void
last: () => void
next: () => void
prev: () => void
step: (count: number) => void
}
const options: StepOptions = {
itemKey: 'step',
itemValue: 'value',
}
export function useStep<T extends StepContext> (
namespace: string,
options?: StepOptions,
) {
const [
useGroupContext,
provideGroupContext,
group,
] = useGroup<T>(namespace, options)
function first () { ... }
function last () { ... }
function next () { ... }
function prev () { ... }
function step (count: number) { ... }
const context = {
...group,
first,
last,
next
prev,
step,
} as T
return [
useGroupContext,
provideGroupContext,
context,
]
}
This project is in early development as we explore the best path forward for providing developers with powerful, accessible, and feature-complete building blocks for custom implementations. We're taking time to ensure we deliver genuine value while maintaining the quality standards you expect from Vuetify.
We'll share more details as development progresses and look forward to community feedback on this new direction.
Expand this section to see the detailed changelog for June 2025, including bug fixes and enhancements.
<details open>createDateRange internal (#21531)itemProps keys to camelCase (#21518)July will focus on finalizing the VCommandPalette Labs release, expanding VMaskInput and VEditor component development, and continuing our documentation excellence initiative. We're also actively working on enhanced MCP integration features that allow you to create and access existing Vuetify Bin, Playground, Studio files; in addition to new Studio platform capabilities.
The team remains committed to delivering stable, performant components while expanding Vuetify's ecosystem to support modern development patterns. Our focus on developer experience, community feedback integration, and systematic improvement processes continues to drive meaningful progress each month.
We appreciate the community's continued engagement, feedback, and contributions that make these improvements possible. Keep building amazing applications with Vuetify, and don't forget to explore Vuetify Studio for an enhanced development experience.
Stay connected with Vuetify updates through our GitHub repository, Discord community, and upcoming webinar series announcements.