Sections

Overview

BuouUI Sections are designed for React and developed using TypeScript. They utilize tailwindcss for styling and framer-motion along with CSS for animations. While BuouUI Components seamlessly integrate with the shadcn ecosystem, shadcn is not mandatory for their use, though some examples may include shadcn components.

We will add 1,000+ components for everyone to use. Please wait for it.

🎉 Different places

Our section includes not only ui, but also some business logic, so as much as possible for customers to use out of the box.

Prerequisites

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

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

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))
}

Sections Installation

You're ready to go!

Just copy and paste the sections.