Avatar Group Loose 1 - Loose Spacing

Pro

Avatar group with loose spacing between avatars.

Shadcn Avatar Group Loose 1 component

Component data

ID
avatar-group/avatar-group-loose-1
Access
pro
Created
Oct 25, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Avatar Group Loose 1 component design & features

This AvatarGroup uses wider spacing between avatars compared to the default tight overlap. Each shadcn Avatar remains individually composable with image and fallback slots.

Loose spacing suits wider containers, marketing sections, and headers where overlapping faces would feel cramped.