Get everything for $99, lifetime

Components

Avatar Cluster

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/avatar-cluster

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { AvatarCluster } from "@/components/ui/AvatarCluster";

<AvatarCluster
  images={[
    "/avatars/aria.svg",
    "/avatars/kai.svg",
    { src: "/avatars/nova.svg", alt: "Nova" },
  ]}
  size={320}
  avatarSize={64}
/>

Use cases

  • Social proof

    Form a ring of customer or community avatars as a hero section loads.

  • Waitlist counters

    Pair the ring with a centered "+2,140" count via the children slot.

  • Team introductions

    Snap the team into place on an about page, reshuffling on replay.

  • Call participants

    Announce everyone joining a room or session with one settling motion.