This is Tailwind CSS Starter Kit to help you get started quickly with a new Web project using Tailwind CSS installed with Vite.
git clone https://github.com/ciphersweet/tailwind-starter-kit.git
npm install
Example
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./src/**/*.{vue,js,ts,jsx,tsx}",
],
theme: {
colors: {
transparent: 'transparent',
current: 'currentColor',
'white': '#ffffff',
'purple': '#3f3cbb',
'midnight': '#121063',
'metal': '#565584',
'tahiti': '#3ab7bf',
'silver': '#ecebff',
'bubble-gum': '#ff77e9',
'bermuda': '#78dcca',
},
extend: {},
},
plugins: [],
}
npm run dev
An extension.json
file is included with this repository to help VS Code install the recommanded extensions for this starter kit:
- Volar (and disable Vetur)
- TypeScript Vue Plugin (Volar).
- Tailwind CSS IntelliSense