Vuetrix is a modern, developer-focused Vue 3 + TypeScript web app starter. It provides a fast, scalable, and production-ready foundation for building sophisticated web applications.

This project is heavily inspired by Vitesse and Nuxpert. Their architecture, CI workflow, formatting standards, and Vite configuration shaped the design of Vuetrix.

• ⚡ Lightning-Fast Development – Powered by Vite for instant hot module replacement and optimized builds.
• 🧠 Type-Safe Code – Built with TypeScript for reliability and maintainability.
• 🎨 Modern UI – Uses Tailwind CSS with Shadcn Vue for utility-first, accessible, reusable components.
• 🧩 Icons – Integrated Phosphor Icons via unplugin-icons.
• 📂 File-Based Routing – Auto-generated routes with Vue Router.
• 🔧 Auto Imports & Components – unplugin-auto-import and unplugin-vue-components simplify development.
• 🖋 SEO-Friendly Static Builds – Full SSG support with auto sitemap generation.
• 💨 Font Optimization – Web fonts preloaded and optimized via fontless.
• 🛠 Developer Tooling – Preconfigured ESLint, Oxfmt, Oxlint, Vue DevTools, and dependency management with Taze.

• Framework: Vite + Vue 3 + TypeScript
• Styling: Tailwind CSS + Shadcn Vue + Tailwind Merge + TW Animate CSS
• Icons: Phosphor Icons (unplugin-icons)
• Routing: Vue Router with file-based auto-routing
• Static Site Generation: vite-ssg + sitemap generator
• Developer Tools: ESLint, Oxfmt, Oxlint, Vue DevTools, Auto Imports, Component Resolver
• Fonts: fontless for optimized web fonts

• Node.js 20+
• Package Manager: npm, pnpm, or bun

# Clone the repository
git clone https://github.com/art70x/Vuetrix.git

# Navigate to the project
cd vuetrix

# Install dependencies
pnpm install

# Start development server
pnpm dev

Access the app at http://localhost:3000.

# Create production build
pnpm build

# Preview production build
pnpm preview

Contributions are welcome! Please see CONTRIBUTING.md for guidelines.

This project is open source under the MIT License.

• Shadcn Vue – Accessible and customizable Vue component library.
• DevUI – Modern UI resources and design inspiration for developers.
• Vitesse (antfu) – Starter template that inspired project structure, workflow, and configuration.
• Nuxpert (MFM-347) – Source of architectural patterns, CI workflow, and formatting standards.
• Vue Template (alexanderop) – Source of Oxlint and ESLint configuration.

Made with ❤️ for developers by developers