Skip to main content

Avatar Group

Stacked avatars with overflow count for teams and collaborators.

Default (max 4)

Hover focus

Hover or Tab through avatars — the active one lifts with accent ring; others ease back.

Hover focus (sizes)

Small team

Sizes

Custom max visible

With images

AlexCasey

API

PropRequiredTypeDefaultDescription
themeOptionalSiteThemeatelierVisual theme.
membersOptionalAvatarGroupMember[]—id, src?, alt?, initials?
layoutOptional"stack" | "hover-focus"stackOverlapping stack or hover/focus elevation on each avatar.
maxOptionalnumber4Visible avatars before +N.
sizeOptionalAvatarSizesmAvatar scale.