Avatar Components
15+ unique avatar components for displaying user profiles, status indicators, and grouped avatars.
Basic Avatar
Simple avatar with image or fallback initials
J
A
Avatar Sizes
Avatars in different sizes from small to extra large
S
M
L
X
Avatar Group
Multiple avatars grouped together with overflow handling
JD
JS
BJ
AB
JD
JS
BJ
+4
JD
JS
BJ
AB
CW
+2
Colored Avatars
Avatars with different background colors
JD
JS
BJ
AB
Avatar with Badge
Avatar with status badge indicator
JD
JS
AB
Avatar with Border
Avatars with decorative borders
JD
JS
BJ
Avatar with Icon
Avatars displaying icons instead of initials
👤
🎨
💻
🚀
Square Avatars
Avatar components with square shape
JD
JS
BJ
AB
Avatar with Initials
Avatars showing user initials with auto-generated colors
JD
JS
BJ
AB
Avatar with Notification
Avatar with notification count badge
JD
3
JS
12
BJ
99+
Avatar Stack
Overlapping stack of avatars
JD
JS
BJ
AB
Avatar with Hover Effect
Avatar with interactive hover animation
JD
JS
BJ
Avatar with Tooltip
Avatar with name tooltip on hover
JD
John Doe
JS
Jane Smith
Avatar Skeleton
Loading skeleton for avatar placeholder
Avatar with Ring
Avatar with decorative ring effect
JD
JS
BJ