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.

Avatar Avatar Avatar
Avatar Avatar Avatar
Avatar Avatar Avatar
Avatar Avatar Avatar

Grid

Avatar group displayed in a grid.

Avatar Avatar Avatar Avatar Avatar Avatar Avatar 9+

Border color

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

Avatar Avatar Avatar Avatar

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.

Avatar
Avatar
Avatar
Avatar

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.