Avatar Stack

Overlapping avatars with an optional +N tail for spillover members.

AKMÖSBJD

+12

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Socialproof1 } from "@/components/beste/piece/socialproof1";

<Socialproof1
  avatars={[
    {
      "src": "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face",
      "alt": "Ayşe Kaya",
      "fallback": "AK"
    },
    {
      "src": "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face",
      "alt": "Merve Özkan",
      "fallback": "MÖ"
    },
    {
      "src": "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face",
      "alt": "Sarah Brown",
      "fallback": "SB"
    },
    {
      "src": "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face",
      "alt": "John Doe",
      "fallback": "JD"
    }
  ]}
  extraCount={12}
/>