Set up NiraUI with Tailwind CSS Angular

Integrate NiraUI with Angular and Tailwind CSS to create a modern, responsive UI, streamlining your development process efficiently.

Installation

The plugin has been tested with the latest framework version (v19.2.4), installed via the standard `ng new project-name` command.
angularjs logo

Quick Angular JS setup

Angular is a JavaScript framework for building dynamic web applications. If you haven't set up Tailwind CSS yet, check out Angular Tailwind CSS installation guides.

1
Install NiraUI

Install niraui via npm.

npm i nira-ui
2
Add NiraUI plugin

Include NiraUI plugin in your main.css file.


@import "tailwindcss";
@plugin "nira-ui/plugin.js";

Icons

For icons setup you can refer Icons page.