Skip to main content

Manual Install Setup

If you're not using shadcn/ui, you can install the components manually. Follow the steps below to prepare for the components manual installation.

info

Components installed manually do not use shadcn/ui specific colors.

Install dependencies​

bash
npm install tailwind-merge clsx react-dropzone lucide-react

Add the cn helper​

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

Start adding the components​

Now you can follow the manual installation guide for the components you need.