SUI Dashboard

SUI 🌟 The Dream UI

Upgrade to Pro

Unlock to get unlimited access

Hero Section
A collections of hero sections. Each hero section is a different and powered by @shadcn and Tailwind CSS.

Restaurant Management made as easy as pie

Plateform will help you manage your store easily with its outstanding features. Trusted be ten of thousands of customers all over the world.

Try the demo
Image

Installation

📍 Install dependencies

pnpm i lucide-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: [],
  };
          
Be a hero in a world full of sidekicks.
Suman Sharma
CEO @whysumancode.com