1. Components
  2. Avatar Group

Components

Tailwind CSS Avatar Group (Facepile)

An avatar group displays a number of avatars grouped together in a stack or grid.

Stack

Avatar group stacked small to large sizes.

Image Description Image Description Image Description
Image Description Image Description Image Description
Image Description Image Description Image Description
Image Description Image Description Image Description

Grid

Avatar group displayed in a grid.

Image Description Image Description Image Description Image Description Image Description Image Description Image Description 9+

Border color

The color of the border around the avatar. Any color that the CSS border-color property accepts can be used.

Image Description Image Description Image Description Image Description

With tooltip

Requires JS

Note that this component requires the use of our Tooltip plugin, else you can skip this message if you are already using Preline UI as a package.

Learn more

Display a group of avatars that do not fit with the dropdown menu by clicking or hovering on the initial.

Image Description
Image Description
Image Description
Image Description

With dropdown

Requires JS

Note that this component requires the use of our Dropdown plugin, else you can skip this message if you are already using Preline UI as a package.

Learn more

Display a group of avatars that do not fit with the dropdown menu by clicking or hovering on the initial.