Set up NiraUI with Tailwind CSS Nuxt

Easily set up NiraUI in your Nuxt project with Tailwind CSS to build modern, responsive user interfaces with streamlined styling and flexibility.

Installation

The plugin has been tested with the latest version of the framework (v3.16.1), installed using the standard `npx nuxi@latest init project-name` command.If you're using a custom project structure or a different version, ensure that the file paths and features align with your setup.
nuxtjs logo

Quick NextJS setup

Nuxt is an intuitive web framework. If you haven’t configured Tailwind CSS yet, refer to the Nuxt 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.