Vue 3 + Tailwind Template
Opinionated Vue 3 SPA template with Tailwind and utilities
Features
- ⚡️ Vue 3 and Vite 3
- 🗂 File based routing
- 📑 Layout system
- 🍍 State management via Pinia
- 🧩 VueUse for essential Vue composition utilities
- 📲 PWA
- 🎨 Tailwind CSS and Headless UI
- 🖌 Prettier as code formatter and Tailwind Prettier plugin for auto-sorting utility classes
- 📐 ESLint ready for Vue with Anthony Fu's config and Prettier taking precedence on formatting
- 🌍 I18n for localization
- 🔥 New
<script setup>syntax - 🤙🏻 Reactivity transform enabled
- 📦 Components auto importing
- 📥 APIs auto importing
- 😃 Thousands of icons accessed as components, on-demand
- 🦾 TypeScript
Why?
This template is heavily inspired by Vitesse. But, for my SaaS projects, I needed an SPA version with Tailwind CSS + Headless UI (along with related plugins and configurations). And most importantly, I had to build this template from the ground up to understand how Vitesse worked so well and how I can extend it for my needs in the future.
