How to install dependencies and structure your app.
Start by creating a new Next.js project using create-next-app:
npx create-next-app@latest my-app --typescript --tailwind --eslint
npm i clsx tailwind-merge tailwind-variants
Add utilities for classnames:
import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); }
You can now start adding components of your choice
Collection Animated and re-usable components.
Built by karthikmudunuri. The source code is available on GitHub.