Layout Style

Size

Shape

Animation

Display Settings

Status Settings

Count Badge

Features

Theme Presets

Custom Colors

Live Preview

Alice Johnson
Bob Smith
Carol White
David Brown
+3
<div class="avatar-group avatar-group-stacked">
  <div class="avatar-wrapper" data-tooltip="Alice Johnson">
    <div class="avatar">
      <img src="https://i.pravatar.cc/150?img=1" alt="Alice Johnson" />
      <span class="avatar-status avatar-status-online"></span>
    </div>
  </div>
  <div class="avatar-wrapper" data-tooltip="Bob Smith">
    <div class="avatar">
      <img src="https://i.pravatar.cc/150?img=2" alt="Bob Smith" />
      <span class="avatar-status avatar-status-offline"></span>
    </div>
  </div>
  <div class="avatar-wrapper" data-tooltip="Carol White">
    <div class="avatar">
      <img src="https://i.pravatar.cc/150?img=3" alt="Carol White" />
      <span class="avatar-status avatar-status-busy"></span>
    </div>
  </div>
  <div class="avatar-wrapper" data-tooltip="David Brown">
    <div class="avatar">
      <img src="https://i.pravatar.cc/150?img=4" alt="David Brown" />
      <span class="avatar-status avatar-status-online"></span>
    </div>
  </div>
  <div class="avatar-wrapper">
    <div class="avatar avatar-count">
      <span>+3</span>
    </div>
  </div>
</div>