Install daisyUI for Angular

How to install Tailwind CSS and daisyUI in a Angular project

1. Create a new Angular project

Install Angular CLI globally

npm install -g @angular/cli@latest

Create a new Angular project called my-project and navigate to it

ng new my-project --style css
cd my-project

2. Install Tailwind CSS, PostCSS, and daisyUI

npm install daisyui@beta tailwindcss@latest @tailwindcss/postcss@latest postcss@latest --force

Add Tailwind CSS plugin for PostCSS to a new .postcssrc.json file at root

{
  "plugins": {
    "@tailwindcss/postcss": {}
  }
}

Put Tailwind CSS and daisyUI in your CSS file (and remove old styles)

@import "tailwindcss";
@plugin "daisyui";

Run the Angular development server

ng serve

Now you can use daisyUI class names!

Official daisyUI
Figma Library

Available on daisyUI store

More details