ninjaparade / vite-vue3-tailwind-starter

Vite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡

Vite 2.x + Vue 3.x + Tailwind 2.x starter ⚡

This starter template also includes:

• Vue Router 4.x
• Inter var font (self-hosted, woff2, v3.18, with 'preload' attr, check out index.html)
• Just-in-Time mode by default introduced in Tailwind CSS v2.1 (in preview!)
• Headless UI - unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS
• Heroicons - beautiful hand-crafted SVG icons, by the makers of Tailwind CSS

First-party plugins needed for Tailwind UI:

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

Getting Started 🚀

git clone https://github.com/web2033/vite-vue3-tailwind-starter
cd vite-vue3-tailwind-starter

npm:

npm i
npm run dev
npm run build
npm run serve

yarn:

yarn
yarn dev
yarn build
yarn serve

Bonus links

• vue-tailwindcss-cdn (a single HTML file with CDN links)
• CodePen Template with a similar stack (Vue 3.x + Tailwind 2.x + Inter var font)
• base.css (base styles for Tailwind CSS and other projects as an NPM package)
• Pinia - state-management alternative to Vuex 4 with a similar to upcoming Vuex 5 API
• VueUse - collection of essential Vue Composition Utilities