Install Tailwind Css With Angular Vite React Vue Svelte

Install Tailwind CSS with Angular Vite React, Vue, Svelte

Angular Vite React Vue Svelte Tailwind

Create your project

  npm create vite@latest
  cd my-project

Install Tailwind CSS

  npm install -D tailwindcss postcss autoprefixer
  npx tailwindcss init -p

tailwind.config.js

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

index.css

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

Start your build process

  npm run dev

Test

  <h1 className="text-3xl font-bold underline">
      hello world!
  </h1>