These components are styled using Tailwind CSS and feature icons powered by react-icons (although you`re free to use any other icon library of your choice).

Installation Guide:

Prerequisites:

Ensure you have Node.js and npm (or yarn) installed on your system.

Installation Steps:

• Navigate to the root directory of your project in the terminal.
• Install the required dependencies by running the following command:
  npm install clsx tailwind-merge class-variance-authority
  # or
  pnpm add clsx tailwind-merge class-variance-authority

• Create a file named utils.ts and paste the following code:
  // lib/utils/utils.ts
  
  import { ClassValue, clsx } from 'clsx';
  import { twMerge } from 'tailwind-merge';
  
  export function cn(...inputs: ClassValue[]) {
    return twMerge(clsx(inputs));
  }
  

Customization Instructions:

Choose any component you find useful, copy it to your project, and tailor it to meet your specific requirements. Remember, these components are customizable and adaptable to suit your needs.

Keep in mind that these components are designed to kickstart your journey into neobrutalism. It`s up to you to enhance their reusability and accessibility.