Set up NiraUI with Tailwind CSS Qwik

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.12.1). The framework was installed using the standard `npm create qwik@latest` command.If you are using your own project structure, be mindful of file paths!
Qwik logo

Quick Qwik setup

Qwik is an instant-loading framework with minimal overhead. If you haven't set up Tailwind CSS yet, check out Qwik 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.