Set up NiraUI with Tailwind CSS SolidJS

Combine NiraUI with Qwik and Tailwind CSS to build a sleek, responsive interface, optimizing your development workflow for greater efficiency.

Installation

Please note that the plugin has been tested with the latest version of the framework (v1.9.5). The framework was installed using the standard `npm create vite@latest project-name -- --template solid` command.If you are using your own project structure, be mindful of file paths!
SolidJS logo

Quick SolidJS setup

A tool for building simple, performant, and reactive user interfaces. If you haven't set up Tailwind CSS yet, check out SolidJS Tailwind CSS installation guides.

1
Install NiraUI

Install niraui via npm.

npm i nira-ui
2
Add NiraUI plugin

Include NiraUI plugin in your index.css file.


@import "tailwindcss";
@plugin "nira-ui/plugin.js";

Icons

For icons setup you can refer Icons page.