A streamlined project starter kit that combines Vue 3, Vite, and Tailwind CSS 4 for an instant modern web development environment. Skip weeks of setup and start building features right away.
Trusted by leading companies
A modern, production-ready Vue 3 scaffold with Vite, TypeScript, and Tailwind CSS 4. Skip weeks of setup and start building features from day one.
Pre-configured with Vue 3, Vite, TypeScript, and Tailwind CSS 4. Start building features immediately without weeks of manual configuration.
Integrated ESLint 9, Husky, and lint-staged for automated code quality checks and pre-commit hooks, ensuring team-wide consistency.
Tailwind CSS 4 with direct @import support. No extra config files needed—just blazing-fast styling with next-gen utility classes.
Built-in HMR for ultra-fast feedback while developing components. See changes instantly without losing application state.
Get started with our Vue scaffold and scale as your projects grow. Switch plans anytime.
Perfect for learning and small projects
Everything in Starter, plus
Everything in Pro, plus
See how this modern Vue starter is accelerating development workflows
This scaffold saved me weeks of setup. Vue 3 + Vite + Tailwind just works.
Alex
Frontend Developer
Perfect for rapid prototyping. TypeScript and ESLint configured perfectly.
Sarah
Technical Lead
Finally, a Vue starter that includes everything I need. Zero config overhead.
Marcus
Indie Developer
The automated deployment to GitHub Pages is a game changer for my projects.
Elena
Full Stack Developer
Clean, modern, and fast. This is now my go-to Vue project starter.
Jordan
Software Engineer
This scaffold saved me weeks of setup. Vue 3 + Vite + Tailwind just works.
Alex
Frontend Developer
Perfect for rapid prototyping. TypeScript and ESLint configured perfectly.
Sarah
Technical Lead
Finally, a Vue starter that includes everything I need. Zero config overhead.
Marcus
Indie Developer
The automated deployment to GitHub Pages is a game changer for my projects.
Elena
Full Stack Developer
Clean, modern, and fast. This is now my go-to Vue project starter.
Jordan
Software Engineer
Everything you need to know about scaffold-vite-vue-tailwind
This project is a starter scaffold for developing modern web applications using Vue 3, Vite, TypeScript, and Tailwind CSS 4. It provides an optimized development environment, sensible defaults, and built-in code quality tools, helping you quickly set up new web projects or prototypes that leverage the latest frontend technologies.
You can create a new project by running 'npx degit akifo/scaffold-vite-vue-tailwind my-project', which copies the scaffold into a new 'my-project' directory. Then, use 'nr prepare' to install dependencies and set up the environment. Refer to the README for more detailed setup instructions and configuration options.
The scaffold includes Vue 3 (with Composition API and script setup syntax), Vite 6 for fast development, TypeScript, Tailwind CSS v4, ESLint 9 with the latest flat config for code quality, and Husky 9 with lint-staged for pre-commit code checks. This ensures you have a modern, efficient toolchain out-of-the-box.
For GitHub Pages, configure '.github/workflows/gh-pages.yml' and change the base setting in 'vite.config.mts' to match your repository name. For Vercel, simply link your repository to Vercel via their dashboard. Detailed deployment instructions are available in the README.
No manual configuration is needed for Tailwind CSS v4 or ESLint 9, as the scaffold is preconfigured with recommended defaults. Tailwind's new version eliminates extra config files, and ESLint uses the latest flat config setup, allowing you to focus on development without additional setup.
Join developers who are already using scaffold-vite-vue-tailwind to create modern web applications. Skip weeks of setup and start building features today.