Install Sira in your project

Learn how to install Sira UI in your project.

You can install Sira using npm, yarn, pnpm or CDN.

Tailwindcss Plugin

To install SiraUI plugin is required to have TailwindCSS (opens in a new tab) installed in your project.

npm install @sira-ui/tailwind

NPM Package

Add plugin to your tailwind.config.js file

module.exports = {
  // ... the rest of your config
  plugins: [require('@sira-ui/tailwind')],
};

CDN

If you prefer to use CDN, you can add the following link to your HTML file, but consider you can't remove the unused styles.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sira-ui/tailwind/dist/css/styles.css" />
<script src="https://cdn.tailwindcss.com"></script>

Now you are set to use Sira-UI components in your project.

Preview

Code

HTML

Code

JSX/TSX

<button class="btn solid warn">Hello World!</button>

<button className='btn solid warn'>
  Hello World!
</button>

Usage