Rens UI Installation Guide

Rens UI is a cutting-edge CSS component library designed to elevate your web development experience and craft captivating user interfaces. To seamlessly integrate Rens UI into your project using the Tailwind CSS plugin, just follow these straightforward steps:

Step 1: Project Setup

Before you begin, ensure that you have a functioning Tailwind CSS project installed and have Node and NPM set up on your machine.

Step 2: Rens UI Installation

Install Rens UI via npm with the following command:

npm install -D rens-ui

Step 3: Add the Rens UI Plugin

Next, include Rens UI as a plugin in your tailwind.config.js file as shown below:

// tailwind.config.js
module.exports = {
 content: [],
 theme: {
   extend: {},
 },
 plugins: [require('rens-ui')],
}

By following these simple steps, you'll be all set to leverage the power of Rens UI and create impressive user interfaces for your web projects. Happy coding!

How To use Rens UI From a CDN?

Rens UI CSS file + Tailwind CSS CDN script:

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

Example Repositories To Install In Other Framework

HTML

VueJs 3

Nuxt 3