Set up NiraUI with Tailwind CSS Astro

Integrate NiraUI with Astro and Tailwind CSS to build a modern, responsive UI, optimizing your development process for efficiency.

Installation

Please note that the plugin has been tested with the latest version of the framework (v5.5.5). The framework was installed using the standard `npm create astro@latest` command.If you are using your own project structure, be mindful of file paths!
Astro logo

Quick Astro setup

Astro is the all-in-one web framework designed for speed. If you haven't set up Tailwind CSS yet, check out Astro 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.