Set Up Tailwind Css With vite-react-app and yarn

Install Tailwind CSS with postcss & autoprefixer

yarn add -D tailwindcss postcss autoprefixer

Generate tailwind.config.js and postcss.config.js

yarn tailwindcss init -p

Modify tailwind.config.js file

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Add tailwind base, components and utilities to index.css

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