Installation

Getting started with KIMUI is a breeze. Simply install the library via npm or yarn

1. Manual Install

1

Clone the Repository


pnpm install @rohitgadekar/kimui@10.0.0
2

Tailwind CSS Setup

KIMUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official installation guide to install Tailwind CSS. Then you need to add the following code to your tailwind.config.js file:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/@rohitgadekar/kimui/dist/**/*.{js,ts,jsx,tsx}",
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};
3

Root CSS Injection

  import "../node_modules/@rohitgadekar/kimui/dist/style.css";

2. Next x Kimui Template

Install Packages

To install Next x Kimui, run one of the following commands in your terminal:


npx create-next-app@latest -e https://github.com/rohitgadekar/Next-x-Kimui

Happy Coding:

Now you're all set to start using KIMUI in your projects.