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.

Build your best

community

starting from here.

Meet and communicate with the best people to run projects events or other activities in a more effective and fun way

Learn More
Build Community

Build Community

Share Events

Share Events

Get Information

Get Information

Hero 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