What your project needs before adding a component.
UI Beats components are written for React 19 with Tailwind CSS v4 and Motion. Most components need only Motion; a few also use the cn class helper. Each component page lists exactly what it imports.
npm install motionFollow the official Tailwind installation guide for your framework. Components use standard utility classes plus the shadcn design tokens (bg-background, text-muted-foreground, …), so they inherit whatever theme you already have.
cn helperOnly needed for components that merge an incoming className prop.
npm install clsx tailwind-mergeimport { clsx, type ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}With the project set up, use the CLI to add components, or copy the source from any component page and adjust the import paths to match your project.