Avatar Scale Effect

Open in

Installation

Examples

Horizontal

Open in

import { AvatarScaleEffect } from "@/components/sillybitsui/avatar-scale-effect";

<AvatarScaleEffect
  images={[
    "https://avatar.vercel.sh/umair?&s=128",
    "https://avatar.vercel.sh/gaearon?&s=128",
    "https://avatar.vercel.sh/brianc?&s=128",
    "https://avatar.vercel.sh/yyx990803?&s=128",
    "https://avatar.vercel.sh/dan_abramov?&s=128",
    "https://avatar.vercel.sh/sophiebits?&s=128",
    "https://avatar.vercel.sh/sebmarkbage?&s=128",
    "https://avatar.vercel.sh/rauchg?&s=128",
    "https://avatar.vercel.sh/addyosmani?&s=128",
    "https://avatar.vercel.sh/paul_irish?&s=128",
    "https://avatar.vercel.sh/andrew?&s=128",
  ]}
/>

Props

Prop	Type	Default	Description
`images`	`string[]`	`[]`	Array of image URLs to display as avatars in the row with hover scaling effects.