# Install TailwindCSS in Angular

Today we will see how to install TailwindCSS in an Angular project

## **Create or use your Angular project**

```typescript
ng new project
cd project
```

## \*\*Install and configure TailwindCSS \*\*

```typescript
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init # Will generate a file tailwind.config.js
```

## **Configure the paths of all your template files**

Edit your *tailwind.config.js* to add these lines :

```typescript
module.exports = {
  content: [
    "./src/**/*.{html,ts}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
```

## **Add TailwindCSS directives to your CSS file *style.css***

```typescript
@tailwind base;
@tailwind components;
@tailwind utilities;
```

\*\*Enjoy using TailwindCSS \*\* `ng serve`