Create Next App

AvatarGroups

The AvatarGroups component is used to display a collection of multiple user avatars, often to represent a team or group of users.

Basic

Stack Sizes

Stackable avatar group component with various sizes.

Grid Sizes

Grid-layout avatar group component with different sizes.

Bordered Style

Avatar group with borders to distinguish between avatars.

With Ellipsis

Avatar group with ellipsis indicating additional users beyond display limit.

With Number

Avatar group showing number for additional users beyond display limit.

Animation

Hover Scale

Avatar group with scale animation on hover.

Code snippet not found, please check if the component name is correct

Hover Scale And Up

Avatar group with scale and upward movement animation on hover.

Code snippet not found, please check if the component name is correct

Avatar group with animated tooltips on hover.

Code snippet not found, please check if the component name is correct

Scene

With Tooltips

Avatar group with tooltips for detailed user identity information.

Code snippet not found, please check if the component name is correct

Avatar group with dropdown menu for actions or additional display.

Code snippet not found, please check if the component name is correct