Set up NiraUI with Tailwind CSS Preact

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

Preact logo

Quick Preact setup

Preact is fast 3kB alternative to React with the same modern API. If you haven't set up Tailwind CSS yet, check out Preact 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.