1. Components
  2. Avatar Group

Components

Tailwind CSS Avatar Group (Facepile)

Tailwind CSS Avatar group displays user profile image placeholders in a stack or grid. You may also add a border color, tooltip or a dropdown to it.

Stack

Avatar group stacked small to large sizes.

Theme:

Grid

Avatar group displayed in a grid.

Theme:

Border color

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

Theme:

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.

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

Theme:

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.

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

Theme: