Avatar

User image or initials, with sizes, badge, and group.

Preview

AKMKRYTK

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/avatar.json

$ pnpm dlx shadcn@latest add @stylexcn/avatar

<Avatar>
  <AvatarImage src="/avatars/user.png" alt="User profile" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>