Docs
Avatar List

Avatar List

Displays a beautiful animation with Avatar List.

Installation

Copy and paste the cn util code into your project.

import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
 
 
export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
 

Copy and paste the Avatar List code into your project.

API Reference

PropTypeDescription
sizestring"sm" | "md" | "lg"
classNamestringthe class name

Usage

 
export function AvatarListDemo() {
  return <AvatarList size="sm" className="flex items-center justify-center" />
}