Reorder card by Motion

Copy and paste the cn util code into your project.

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

Install the following dependencies:

npm install framer-motion

Copy and paste the following code into your project.

If you have already used our Card Component, Please skip this step

Otherwise you need copy the following code

Copy and paste the Reorder code into your project.