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.