Installation

Install Tailwind CSS

All components styling is based on Tailwind CSS. You need to install Tailwind CSS in your project. Checkoıut the official Tailwind CSS documentation for installation instructions.

Install Motion

We usually use Motion as animation in our components.

npm install motion

Install ShadcnUI

We usually use ShadcnUI for our components because with shadcn1 we can make some features easier

npx shadcn@latest init

Adding utilty helper

Create lib/utils.ts file and add cn function.

import { ClassValue, clsx } from 'clsx';
 
import { twMerge } from 'tailwind-merge';
 
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}

That's all for now, if you need to install another component you want to use, we will inform you about it.