Vuetify Blueprint — Inspired by the New York Style
Vuetify Blueprint — Inspired by the New York Style
Make Vuetify feel like Shadcn — without hacks.
A fully opinionated Blueprint that reconfigures Vuetify at the foundation level using official APIs.
*Uses Vuetify Blueprints (no CSS hacks)
*Component defaults fully aligned
*Typography + iconography system included
*Drop-in install*100% compatible with Vuetify updates
A fully opinionated Vuetify Blueprint that transforms the framework at the foundation level using official APIs.
Built with Blueprints, Defaults, SASS variables, typography and icon configuration — not CSS overrides.
🧠 The Problem
Many developers love the clean, minimal aesthetic of Shadcn’s New York style.
But they don’t want to:
* Leave Vue
* Abandon Vuetify
* Rewrite their stack
* Maintain fragile CSS overrides
They want the look — without breaking the ecosystem.
💡 The Solution
This Blueprint reconfigures Vuetify from the inside.
Instead of overriding styles, it:
* Uses official Vuetify Blueprints
* Redefines component defaults
* Adjusts each component to match the New York visual style
* Configures typography and iconography globally
* Keeps full compatibility with Vuetify updates
It’s not a theme.
It’s an opinionated layer on top of Vuetify.
If the community wants it, more professional Blueprints will follow.
⚙️ What Makes It Different
Most “themes” only change colors.
This Blueprint:
✔ Reworks component defaults (Slider, Buttons, Inputs, etc.)
✔ Aligns spacing and proportions
✔ Configures track, thumb, and internal states
✔ Uses Vuetify’s global configuration properly
✔ Maintains clean, scalable architecture
Your components look right — by default.
No wrappers.
No per-component overrides.
No technical debt.
📦 What You Get
* Complete Vuetify Blueprint configuration
* Component Defaults fully configured
* Typography setup
* Icon system configuration
* Clean, production-ready structure
* Simple installation guide
Drop it in. Start building.
🎯 Who This Is For
* Vue developers using Vuetify
* Teams who want a more minimal design system
* Developers who like Shadcn’s aesthetic but prefer Vue
* Engineers who care about architecture, not just visuals
🚫 Who This Is NOT For
* If you’re looking for a full template with pages
* If you want prebuilt dashboards
* If you need drag-and-drop UI
This is infrastructure, not a template.
🚀 Why This Exists
Vuetify is powerful — but neutral by default.
This Blueprint adds opinion.
It gives Vuetify a design direction.
And this is just the first edition.
If the community wants it, more professional Blueprints will follow.
Inspired by the New York style — Built the Vuetify way
This project is inspired by the visual language popularized in the Shadcn ecosystem.
* It is not a clone.
* It is not affiliated.
* It is an independent implementation using Vuetify’s official architecture.
