Avatar Group Animated 1 •
Animated
Shadcn Avatar Group Components
Browse 9 original avatar group components built with React, Tailwind CSS, and shadcn/ui. Preview every design, inspect its source, or install it with the shadcn CLI.
Showing 9 of 9 components
Avatar Group Border 1 •
With Borders
Avatar Group Loose 1 •
Loose Spacing
Avatar Group Loose Border 1 •
Loose Spacing with Borders
Avatar Group Max 1 •
With Max Limit
Avatar Group Standard 1 •
Default avatar group with overlapping circular avatars
Avatar Group Tight 1 •
Tight Spacing
Avatar Group Tight Border 1 •
Tight Spacing with Borders
Avatar Group Tooltip 1 •
With Tooltips
Category guide
Using Avatar Group patterns
These patterns share semantic tokens and accessible interaction foundations while varying layout, density, hierarchy, and content composition.
Open any variation to compare responsive states, inspect its generated source, and copy a local shadcn registry command.