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