Set up NiraUI with Tailwind CSS React

Combine NiraUI with React and Tailwind CSS to build a sleek, responsive UI, making your development process faster and more efficient.

This guide will help you get started with NiraUI, walking you through everything from running and customizing your project to updating and seamlessly integrating it!

Installation

Please note that the plugin has been tested with the latest version of the framework (19.0.0). The framework was installed using the standard `npm create vite@latest my-react-app --template react` command.
react logo

Quick React setup

React is a framework for building web user interfaces. If you haven't set up Tailwind CSS yet, check out Tailwind Vite CSS installation guides.

1
Install NiraUI

Install niraui via npm.

npm i nira-ui
2
Add NiraUI plugin

Include NiraUI plugin in your index.css file.


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

Icons

For icons setup you can refer Icons page.