Core ElementsFree

Avatar Group

A stack of overlapping avatars, with an optional overflow count.

Usage

AL

MC

JW

LW

+3

bash

npm install @wunderui/react

Then import what you need:

tsx

import { AvatarGroup, AvatarGroupCount } from "@wunderui/react"

Six people overlapping, each ring in the color of the surface behind.

WU

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Who is on the team at a glance, with the overflow count and an invite action.

Design team

12 members · 3 pending invites

WU

+8