Avatar Circles

Stacked avatars component with customizable overlap and additional count display.

Installation

pnpm dlx shadcn@latest add https://sase-ui.vercel.app/r/avatar-circles.json

Usage

import { AvatarCircles } from "@/components/ui/avatar-circles";
const avatars = [
  {
    imageUrl: "https://avatar.url",
    profileUrl: "https://profile.url",
  },
];
 
<AvatarCircles avatarUrls={avatars} numPeople={99} />;