Installation

Mogora UI can only be installed using npm. Make sure you have React.js v19 installed before proceeding with the installation.

npm install mogora-ui@latest

Install Tailwind CSS v4

If your project does not have Tailwind CSS v4 installed, install it using the following commands:

npm install tailwindcss @tailwindcss/cli

Install Lucide React

Mogora UI uses Lucide React for icons. Ensure you install it using the following command:

npm install lucide-react

Usage

Once installation is complete, you can directly import components from Mogora UI into your React.js project.

Example Usage

import { Button } from "mogora-ui";
import { Sun } from "lucide-react";

export default function App() {
  return (
    <div className="p-4">
      <Button className="bg-blue-500 text-white flex items-center gap-2">
        <Sun />
        Click Me
      </Button>
    </div>
  );
}

Notes

• React.js v19 is the minimum supported version.

• Only supports npm, it cannot be installed using yarn or pnpm.

• Tailwind CSS v4 is required to ensure styling compatibility.

• Lucide React is the only compatible icon library with Mogora UI.