DocumentationAdd utilities

Add utilities

Set up utility functions for Vengeance UI components.

1

Create cn Helper

Create a cn helper function in your utilities file (lib/utils.ts or src/lib/utils.ts):

import { ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";


export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
2

Install Dependencies

Install the required packages:

npm install framer-motion clsx tailwind-merge lucide-react

This utility combines Tailwind CSS classes intelligently, handling conflicts and duplicates automatically.

Install Tailwind CSSCLI