Set up NiraUI with Tailwind CSS Svelte

Learn how to configure NiraUI in a Svelte project, integrating Tailwind CSS for enhanced and customizable styling.

Installation

Please note that this plugin has been tested with the latest framework version (v5.0.5). It was installed using the standard `npx sv create my-app` command.If you’re working with a custom project setup or a different framework version, be sure to check the file paths and features specific to your version!
angularjs logo

Quick Svelte setup

Svelte is a powerful JavaScript framework designed for building fast, efficient web applications. If you haven't configured Tailwind CSS yet, refer to the SvelteKit Tailwind CSS installation guide.

1
Install NiraUI

Install niraui via npm.

npm i nira-ui
2
Add NiraUI plugin

Include NiraUI plugin in your projects_root_directory/src/app.css file.


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

Icons

For icons setup you can refer Icons page.