Emilian.xyz

Articles and tutorials ...

How can i add Tailwind CSS to my React Vite JS APP
Hello everyone!

If you want to use Tailwind CSS in your React Bite JS project you need to install first the Tailwind CSS in your project.

First, you install using in terminal the command:

npm install -D tailwindcss postcss autoprefixer

and after that, Tailwind CSS must be initialized. You can do this using in your terminal the command:

npx tailwindcss init -p

In order to work ... you need also to add some lines of code:


/// in tailwind.config.js 

  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],

/// in index.css

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