Add dependencies
These are the main dependencies used throughout the components. Some might have additional dependencies, which will be specified in their instructions.
npm install tailwindcss@latest clsx tailwind-merge framer-motionAdd tailwind utility function
To make it easier to use Tailwind classes, we recommend creating a utility function that merges the classes for you.
// lib/utils.ts
import clsx, { ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}Et voilà!
You're all set! You can either check out some tools for various enhancements or explore the components and see if you find anything you like!