1. Install Tailwind CSS and Dependencies - npm install -D tailwindcss postcss autoprefixer

2. Initialize Tailwind CSS - npx tailwindcss init -p

3. Open tailwind.config.js -

   /** @type {import('tailwindcss').Config} / export default { content: [ "./index.html", "./src/**/.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], }

4. Inside your main CSS file - src/index.css , add:

   @tailwind base; @tailwind components; @tailwind utilities;

5. In App.jsx, import the CSS file: import './index.css';

6. Now start your Vite project.

Usage -

const App=() =>{
  return (
    <div className="flex items-center justify-center">
      <h1 className="text-3xl font-bold text-blue-600">Hello, 
                   Tailwind CSS!</h1>
    </div>
  );
}