Set up NiraUI with Tailwind CSS VueJS

Integrate NiraUI with Vuejs and Tailwind CSS to build a modern, responsive UI, streamlining your development process with ease.

Installation

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

Quick NextJS setup

Vue is a progressive JavaScript framework for building modern web applications. If you haven't set up Tailwind CSS yet, check out Vue 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.