Set up NiraUI with Tailwind CSS NextJS

Use NiraUI with Next.js and Tailwind CSS to design a cutting-edge, responsive interface, optimizing your development experience.

Installation

Please note that the plugin has been tested with the latest version of the framework (v15.2.4). The framework was installed using the standard `npx create-next-app@latest` command.If you are using your own project structure or a different version, pay attention to the file paths and features of your version!
nextjs logo

Quick NextJS setup

Next.js is a React framework for server-side rendering and static site generation. If you haven't set up Tailwind CSS yet, Next.js Tailwind CSS check out installation guides.

1
Install NiraUI

Install niraui via npm.

npm i nira-ui
2
Add NiraUI plugin

Include NiraUI plugin in your global.css file.


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

Icons

For icons setup you can refer Icons page.