Docs
Contact

Contact

A beautiful contact form for your website

Installation

Install the following dependencies:

npm install framer-motion lucide-react @hookform/resolvers react-hook-form zod 

Install the shadcn/ui dependencies:

You need to install different shadcn components according to different components, like this:

npx shadcn@latest add button input form textarea toast select

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))
}
 

Copy and paste the code into your project.