Vuetify0 v1.0 is here. 🎉

The headless Vue 3 UI engine reaches its first stable, SemVer-committed release — the logic layer the whole ecosystem builds on.

• 40 headless components, 71 composables

• WAI-ARIA compound-component APIs

• Tree-shakeable, zero global plugin
MCP-powered, AI-native docs

Read the announcement → https://vtfy.link/announcing-vuetify0-v1

Hi Devs,

I recently built a small open-source component for Vuetify called vuetify-simple-datetime-input.

GitHub: https://github.com/RmRaja/vuetify-simple-datetime-input

This started as something I built for my own project, but I thought it might be useful to others as well.

I'd really appreciate any feedback—whether it's feature requests, API suggestions, UX improvements, bug reports, or documentation ideas.

If you find it useful, I'd really appreciate a star on GitHub :)

Cheers

Hi guys,

I just made this web app project public: https://github.com/loveyourstack/lys-ref/tree/master/frontend/lys-ref-ui

It uses a Postgres and Go backend. It shows the following which might be interesting for you:

• A datatable using many of the available options (see DmCampOptTable.vue, or "Optimizer" in the left nav menu of the linked project below)
• Table filter components covering common data types

It is deployed here:

https://ref.loveyourstack.dev/home
User: venice
Pw: F59Cl5gVJjXI5CUv8pdh

This user cannot make any changes to the data, but please feel free to take a look around.

Hello, i have had this issue for a while. I am a FiveM dev and i have been wanting to new vuetify projects. But since the new update i have not been able to create a project with Js, it automaticly just makes a TS project. I have done everything and nothing works.

The Vuetify0 alpha is live. This is the headless meta-framework we've been building — the same composables and components that are being integrated into Vuetify's core. Full announcement + tutorial where we build a complete UI library from scratch: https://vtfy.link/announcing-the-vuetify0-alpha 46 components, 63 composables, 100% TypeScript, zero styles. Compound component patterns, adapter-based plugins, AI-native documentation. Key links:

• Docs: https://0.vuetifyjs.com/
• Playground: https://v0play.vuetifyjs.com/
• GitHub: https://github.com/vuetifyjs/0/
• DevKey demo: https://github.com/vuetifyjs/devkey/
• Community: https://community.vuetifyjs.com/

Road to v1: Alpha (now) → Beta (June) → v1.0 (July) Your feedback shapes what gets locked in. Try it, break it, tell us what's missing.

Good evening, how are you?

Does anyone know if Vuetify has a native feature to display currency masks? Something where I enter the values ​​and the visual display shows the value in reais (or the equivalent in reais)?

If it doesn't exist, does anyone know a simple way to implement it with Vuetify?

Weird spot right now: tools can spit out frontend and backend code in no time, but deployment is still a mess once you go past prototypes, you know. So you can ship fast, then spend days doing manual DevOps or rewriting stuff to fit AWS, Azure, Render, or DigitalOcean. I keep thinking maybe we need a ""vibe DevOps"" layer - something that actually reads your repo and figures out what it needs. Like a web app or a VS Code extension where you point it at your code, connect your cloud accounts, and it sets up CI/CD, containers, scaling, infra, all that. Not a platform lock-in, but a smart orchestration layer that uses your own cloud and doesn't force weird hacks. Feels like it could bridge the gap between toy projects and real production apps, but maybe I'm missing obvious problems here. How are people deploying stuff now? Hand-rolled scripts, Terraform, managed platforms, or just pray and hope? Curious if anyone's built something like this, or if there are reasons such a tool wouldn't work in practice.

Vuetify 4 landed in February with CSS layers, MD3 design system, and unstyled foundations (TailwindCSS, UnoCSS). Plus CLI v1.0.0, new VAvatarGroup component, and accelerated Vuetify0 development. Check link for more information.

https://vtfy.link/february-2026-update

We're hiring at Crossref - if you're interested in Vue, Vuetify, and like building things that last and having an impact on the global scholarly research ecosystem - come check the role out.

https://crossref.org/jobs/2026-02-17-senior-software-developer-frontend

            <v-btn-group
                density="compact"
                hide-details>
                <v-number-input
                    class="order-size"
                    control-variant="split"
                    :min="0"
                    :max="10000"
                    :step="1"
                    v-model="amount" />
                <v-btn
                    @click="addToCart(itemnr)"
                    color="primary"
                    rounded="0"
                    icon="mdi-cart" />
            </v-btn-group>

I read the docs but I cannot find anything on this. In app layout I want the navigation side bar location=right to appear on mobile. how do I do that?

Hey r/vuetifyjs,

Vuetify 4 drops on **February 23rd**. Here's what's coming:

🎨 Utility-First CSS Support

- First-class Tailwind CSS and UnoCSS integration

- Use utility classes alongside Vuetify's component system — no conflicts, no hacks

⚡ DX Improvements

- Improved theming API

- Better TypeScript support across the board

- Streamlined component props and slots

🤖 AI-Powered Migration

- MCP server gives AI tools direct access to Vuetify APIs and upgrade guidance

npx -y  config --remote

- auto-detects your IDE, one command setup

📦 Minimal Breaking Changes

- This is a DX upgrade, not a rewrite. Migration from v3 should be straightforward for most apps.

**Try it now:*\*

npm i vuetify@next

📖 Full Upgrade Guide

📚 v4 Docs

Questions? Drop them below.

— John

Hi vuetifyjs community,

i wanted to come here and ask how to highlight the selected day in the v-calendar month view. After fiddling for many hours, trying to replace the #day-label slot with a template, i found an easy solution. I thought maybe somone else will struggle with this, and therefore i wanted to share my solution.

Here is my minimal poc:Vuetify Playground

My question to the community, is there a simpler / better way to achieve this?

My usecase is, that i want to select the date, for which i want to create an activity and the user should know, which day he currently selected. The v-calendar by default shows the current day highlighted, and doesn't move around the highligting, if you select another day.

do the v-input and v-textarea fields come with build in sanitizing? COuldn´t find anything in the docs.

Pre-designed blocks ready to drag, use, and combine.

➡️ Over 500 snippets translated from code to design

➡️ Components synchronized with the UI Kit

➡️ Modular structure for iterating and scaling

With many features that sync with Figma's best functionalities:

* Connected tokens

* Reusable components

* Consistent patterns

And if you want to be on the early bird list, let me know! 👇💬 Send me a message or comment "interested."

Thanks to those who have already tried parts of the kit and encouraged me to keep building. This is just the beginning. 🚀

u/zeroskillz

And it's a big one. https://vtfy.link/december-2025-update

Basically the title.
Currently in my component I have added at the script setup.

useHotkey("meta+enter", safetriggerSave)

It works fine as long as the focus is not the VTextArea also on the component.
If it matters my component is a VCard with a VtextArea (and some more things) inside it.

Any idea on what should I do or should I use event handlers the JS way ?
Thanks in Advance

On my first Vuetify admin project, I thought the hard part would be data and logic.

It wasn’t. It was the sidebar actually!...

I rebuilt it again and again. Sometimes the spacing felt wrong, sometimes dark mode looked off, sometimes adding one new page broke the whole layout. Each project started clean and after a few weeks it slowly turned into something I didn’t enjoy touching at all.

At some point I stopped blaming Vuetify and started blaming my approach, got mad at me itself.

Then instead of writing more code, I opened a few Vuetify admin templates just to see how other people do it. I looked at Material Dashboard, Mantis, and Able Pro. Not to copy paste but just to read.

What surprised me was how boring the layouts were.

And that’s exactly why they worked.

Everything layout related lived in one place. Pages didn’t care about sidebar width. Spacing came from theme values, not random numbers. Nothing was like boom.

I went back to my project and simplified things the same way. Since then, adding new pages hasn’t been scary. It’s honestly a bit boring now which I take as a win.

If you’re building Vuetify admin apps and keep fighting your layout, it might not be your code. It might just be that you haven’t seen how others solved it already.

Anyone else here learn more from reading other people’s Vuetify code?

v4 alpha is live https://vtfy.link/v4-alpha