Eldora UI
Eldora UI

Installation

How to install dependencies and structure your app.

Next.js

Create a project

Start by creating a new Next.js project using create-next-app:

npx create-next-app@latest my-app --typescript --tailwind --eslint

Install the following dependencies:

npm i clsx tailwind-merge tailwind-variants

Add utils/classes.ts

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're done.

You can now start adding components of your choice

Built by karthikmudunuri. The source code is available on GitHub.