Installation

Overview

BuouUI Components are designed for React and developed using TypeScript. They utilize tailwindcss for styling and framer-motion along with CSS for animations.

Prerequisites

To get started, ensure you have the following dependencies installed:

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

Next, integrate our utility function by adding the following code to your project:

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

Component Installation

You're ready to go! Visit any animations page and follow the provided instructions.

Just copy and paste the components you need—no unnecessary bloat or third-party dependencies.