Gradient Circle

Installation

1

Install the following packages if you do not have it.

npm i framer-motion lucide-react

2

Copy and paste the following code into your project.

import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}

3

Implement the code as demonstrated in the preview