SUI Dashboard

SUI 🌟 The Dream UI

Upgrade to Pro

Unlock to get unlimited access

Navbar
A collection of links for navigating websites.

Dashboard

Installation

📍 Install dependencies

pnpm i @headlessui/react

📍 Add util file

lib/utils.ts


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

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

📍 Add the following code in tailwind.config.js file


const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      // Add your custom configurations here
    },
  },
  plugins: [],
};
        
Happiness lies not in the mere possession of money; it lies in the joy of achievement, in the thrill of creative effort.
Suman Sharma
CEO @whysumancode.com