Information
Magic UI currently only support React. This project and all components are written in TypeScript. We recommend using TypeScript for your project as well.
Prerequisites
These are the main dependencies you will need to get started.
npm install -D tailwindcss@latest clsx tailwind-merge framer-motion
Copy and paste the following code into your project.
// lib/utils.ts
import clsx, { ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
Install sections
That's it! Now you can go to any section page and follow the instructions there
You only need to copy + paste the sections you need! No bloat or third-party dependencies.