Install Tailwind CSS with Vite - Tailwind CSS

1. Install Tailwind CSS

   npm install tailwindcss @tailwindcss/vite
   

2. Configure the Vite plugin

   import { defineConfig } from 'vite'
   import react from '@vitejs/plugin-react'
   import tailwindcss from '@tailwindcss/vite'
   
   // <https://vite.dev/config/>
   export default defineConfig({
     plugins: [react(),tailwindcss()],
   })
   

3. Import Tailwind CSS in index.css

   @import "tailwindcss";
   

Last Updated : February 2, 2025

V3