VueViteStarter

vite-vue-starter-template — Vue Starter Template

By mrcotter

A front-end starter template based on Vue 3, Vite, and TypeScript, integrating file-based routing, a layout system, automatic component imports, Tailwind CSS, daisyUI, Iconify icons, and Vitest testing.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

vite-vue-starter-template · Desktop homepage

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-14View source

What stands out

A quick read of the recorded project description.

Uses Vue 3, Vite, pnpm, and ESBuild as the base toolchain

Implements file-based routing via vite-plugin-pages

Provides a layout system via vite-plugin-vue-layouts

Automatically imports components via unplugin-vue-components

Integrates Tailwind CSS and daisyUI

Uses unplugin-icons to access Iconify icon sets, and uses Vitest for unit and component testing

Template Details

The template's README positions it as a Vite + Vue starter project and lists the tech stack and integrations: Vue 3, Vite, pnpm, ESBuild, TypeScript, as well as file-based routing (vite-plugin-pages), a layout system (vite-plugin-vue-layouts), automatic component imports (unplugin-vue-components), Tailwind CSS, daisyUI, Iconify icons (unplugin-icons), the `<script setup>` syntax, and Vitest unit and component testing.

The README does not describe the project directory structure, the specific configuration of routing and layouts, methods for style and theme customization, test script commands, build and deployment steps, nor does it provide environment requirements or dependency versions. Therefore, the above content needs to be confirmed by checking the repository source code or dependency manifest, and cannot be inferred from the README alone.

VueViteStarter

Is it right for your project?

Use Cases

Front-end projects that need a Vue 3 + Vite + TypeScript starter structure
Projects that want to organize pages using file-based routing and a layout system
Interface development that requires automatic component imports, Tailwind CSS, and daisyUI
Front-end engineering that needs to integrate Iconify icons and configure Vitest testing

Suitable For

Front-end developers familiar with Vue 3 and TypeScript
Teams that want to start new projects with ready-made integration configurations
Vue applications that need file-based routing, a layout system, and automatic component imports
Projects planning to use Tailwind CSS, daisyUI, and Iconify

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
The README does not provide specific commands for installing dependencies, starting the development server, building, and previewing
2
The README does not specify the pnpm version or Node.js environment requirements
3
The README does not explain the specific configuration steps for routing, layouts, automatic imports, Tailwind, daisyUI, and icons
4
The README does not describe Vitest test commands or how test files are organized
5
The README does not provide deployment steps or deployment platform configuration instructions

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

Permits free use, modification, commercial use, and distribution of this version's code.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/mrcotter/vite-vue-starter-template/blob/main/LICENSE https://github.com/mrcotter/vite-vue-starter-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-14. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 70 / 100
Technologies: Vue · Vite
Website type: Starter

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2023-04-13
Screenshot last checked: 2026-10-14

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: a62ee10f0dc0a95cd4e44ffb3dd23242ada934434c8a79d04d9fd110623bfce3

2026-10-14T00:12:39.760Z

Source file / repository

<p align='center'>
  <img src='https://user-images.githubusercontent.com/5259084/178892751-a2aab686-dc62-4650-89d1-5c6246826841.png' alt='Vite Vue Starter Template' width='600'/>
</p>

<h6 align='center'>
<a href="https://vite-vue-starter-template.pages.dev/">Live Demo</a>
</h6>

<br>

## Features

- ⚡️  [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild)

- 🗂  [File based routing](https://github.com/hannoeru/vite-plugin-pages)

- 📑  [Layout system](https://github.com/JohnCampionJr/vite-plugin-vue-layouts)

- 📦  [Components auto importing](https://github.com/antfu/unplugin-vue-components)

- 🎨  [Tailwind CSS](https://tailwindcss.com/)

- 🌼  [daisyUI](https://daisyui.com/)

- 😃  Use icons from any icon sets in [Iconify](https://github.com/antfu/unplugin-icons)

- 🔥  Use the [new `<script setup>` style](https://github.com/vuejs/rfcs/pull/227)

- ✅  Use [Vitest](http://vitest.dev/) for unit and components testing

- 🦾  TypeScript

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

vitesse

Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.

Vue · Starter

vitesse-webext

vitesse-webext is a Vite-powered WebExtension starter template using Vue 3 and TypeScript, with built-in popup, options, and content script examples. It targets Chrome and Firefox, integrates webextension-polyfill, webext-bridge, UnoCSS, VueUse, and unplugin tools, and supports hot reload during development.

Vue · Starter

laravel-vue-spa

A Laravel + Vue SPA starter kit for quickly building a decoupled web application skeleton. It includes login, registration, email verification, and password reset flows, uses JWT for authentication, and integrates Laravel Socialite with GitHub as an example provider.

Vue · Starter

vue3-h5-template

A mobile H5 starter template built on Vue3, Vite, and Vant4, with TypeScript by default and JavaScript and i18n branches.

Vue · Starter

tov-template

tov-template is an MIT-licensed Vite + Vue 3 + TypeScript starter maintained by dishait. It bundles file-based routing, layouts, Mock, auto-imports, UnoCSS, Pinia, vue-request, Vitest, i18n, dark mode, Dockerfile, and engineering scripts.

Vue · Starter

shadcn-vue-landing-page

A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.

Vue · Corporate Website