Set up NiraUI with Tailwind CSS 11ty

Integrate NiraUI with 11ty and Tailwind CSS to build a modern, responsive UI, streamlining your development process with ease.

Eleventy logo

Quick 11ty setup

11ty is a simple and versatile static site generator written in JavaScript that transforms templates and data into HTML pages. If you haven't set up Tailwind CSS yet, check out 11ty 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.