Svelte Animations
Command Palette
Search for a command to run

Avatar Circles

A component displaying user avatars in a stacked, overlapping circle layout with an optional count badge.

Avatar 1Avatar 2Avatar 3Avatar 4Avatar 5Avatar 6 +99

Installation

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/avatar-circles.json

Props

AvatarCircles

A component that displays user avatars in a stacked, overlapping circle layout.

NameTypeDefaultDescription
avatarUrls
Avatar[] required Array of avatar objects with imageUrl and profileUrl properties
numPeople
number undefined Optional number to display in the count badge (e.g., +99)
class
string "" Additional CSS classes to apply