timmaier / vite-vue3-tailwind-headless-starter

Vite, Vue 3, Unplugin, Tailwind, Headless Starter

Vite, Vue3, Tailwind CSS (single-page app)

This starter template includes:

• Vite 3
• Vue 3
• Tailwind CSS 3
• Vue Router
• @vueuse/head - document head manager
• TypeScript - write vue files as <script setup> or <script setup lang="ts">
• Inter var font (self-hosted, woff2, v3.19, with 'preload' attr, check out index.html)
• Headless UI - unstyled UI components, designed to integrate beautifully with Tailwind CSS
• Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
• prettier-plugin-tailwindcss - automatic class sorting with Prettier

First-party plugins needed for Tailwind UI:

• tailwindcss/forms
• tailwindcss/line-clamp
• tailwindcss/typography
• tailwindcss/aspect-ratio

Unplugin Utilities:

• unplugin-vue-components - components auto importing
• unplugin-auto-import - auto import the most used APIs
• unplugin-vue-router - file based routing for vue-router

Usage

# install #

npx degit timmaier/vite-vue3-tailwind-headless-starter vvth-app
cd vvth-app
npm i

# run #

npm run dev
npm run build
npm run serve