Loading...

Set up NiraUI with Tailwind CSS Rails

Integrate NiraUI with Rails and Tailwind CSS to create a responsive, modern interface and streamline your project's design.

Rails logo

Quick Rails setup

Rails is a full-stack web application framework written in Ruby, following the Model View Controller pattern, that includes everything you need to build modern database-backed web apps. If you haven't set up Tailwind CSS yet, check out Rails 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.