Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

Command Palette

Search for a command to run...

Docs
Avatar Circles

Avatar Circles

Overlapping circles of avatars.

Installation

Usage

import { AvatarCircles } from "@/components/magicui/avatar-circles";
<AvatarCircles numPeople={99} avatarUrls={avatars} />

Props

PropTypeDefaultDescription
classNamestring-The class name to be applied to the component
numPeoplenumber99The number appearing in the last circle