Installation

React + Typescript

Edil ozi currently supports only React framework. All components are written in TypeScript.

Prerequisites

These are the main dependencies you will need to get started.

npm install -D tailwindcss@latest clsx tailwind-merge framer-motion

Note: Some components may require additional dependencies (ex: gsap). Each component that requires an additional dependency will display a badge indicating that dependency.

Utilities

Copy and paste the following code into your project.

// lib/utils.ts
import clsx, { ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs));
}

Install components

That's it! Now you can go to any component page and follow the instructions there

All components are presented in dark and light mode.