Set up NiraUI with Tailwind CSS Phoenix

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

Phoenix logo

Quick Phoenix setup

Phoenix is a web framework for the Elixir programming language that gives you peace of mind from development to production. If you haven't set up Tailwind CSS yet, check out Phoenix 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.