Liquid metal card

Run this command from your project directory to add the component and its dependencies.

1. 1

   Install the packages

   npmpnpmyarnbun

   pnpm add framer-motion lucide-react clsx tailwind-merge
2. 2

   Add the utility file

   lib/utils.ts

   import { clsx, type ClassValue } from "clsx";import { twMerge } from "tailwind-merge";
   export function cn(...inputs: ClassValue[]) {  return twMerge(clsx(inputs));}

3. 3

   Copy and paste the code into your project

   Loading source…
4. 4

   Update the import paths to match your project

   Point @/lib/utils to your utility file if your path aliases differ.