🚀 NiraUI Installation Guide

NiraUI is a lightweight Tailwind CSS plugin packed with prebuilt, customizable UI components - buttons, cards, alerts, and more. No extra JavaScript, no complex setup — just pure CSS that works anywhere.

Whether you’re building with Next.js, React, Vite, or plain HTML, installing NiraUI takes less than a minute

Method 1: Install via NPM (Recommended)

If you’re using Tailwind CSS with build tools like Vite, Next.js, or React, this is the best way to install NiraUI.

Before installing, make sure you have: Node.js (v16 or higher) and Tailwind CSS installed.

Step 1: Install NiraUI via NPM

Run the following command in your project directory:

npm i nira-ui

Add NiraUI as a Tailwind Plugin

Import Tailwind and enable the NiraUI plugin in your main CSS file(app.css, main.css, or similar):

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

🎉 That’s it! You can now use clean, prebuilt NiraUI class names like button, card, and more.

Example:

Method 2: Use NiraUI via CDN (No Installation Needed)

Just testing or working in a static HTML file? You can load NiraUI instantly from a CDN — no Node.js or build setup required.

Add the following inside your head tag:


<link href="https://cdn.jsdelivr.net/gh/thaboyaluya/nira-ui@master/dist/nira.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>

Now you can start using NiraUI classes right away no setup, no configuration.

Next Steps

🎨 Explore the Component Library — start building beautiful UIs faster

🌗 Try Different Themes — customize your project’s look and feel

NiraUI helps developers ship modern, responsive designs faster all powered by Tailwind CSS. Whether you’re building your first landing page or a production-grade dashboard, NiraUI makes your workflow smoother and your code cleaner.