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

Create a new react project with yarn

yarn create react-app react-tailwind-css-stater

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

module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

Add tailwind base, components and utilities to index.css

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

---

GitHub Repo

Comments

[Pavel Fedotov]

cheers

[Ashirbad Panigrahi]

🤠

[Hari Om Singh]

thanks man it help me a lot

[Ashirbad Panigrahi]

I'm glad to hear it

[Abu Talha]

_Nice bro
_```

[Abu Talha]

nice good bro help

[Khaliid-oh]

I followed the whole process and my app is running fine and no errors but tailwind css still isn't working for me

[Ashirbad Panigrahi]

Share your git url so may be I can help

[Afolabi Babatunde]

Well done, cheers!

[Tusar]

Thanks bro.

[Mohammad Ullah]

thanks

[Hassan Khokhar]

"yarn tailwindcss init -p" it says cannot find command tailwindcss