Avatar
An image element with a fallback for representing the user.
Basic Avatars
Avatars with images and fallback initials.
CN
JD
AB
Sizes
Avatars in different sizes.
SM
MD
LG
XL
2X
3X
Fallback Styles
Different fallback background styles.
A
B
C
D
E
F
Avatar Group
Stacked avatars showing multiple users.
U1
U2
U3
U4
+5
With Status
Avatars with online/offline indicators.
ON
AW
OF
DN
User Profile
Avatar used in a user profile card.
SL
Sheku Lamin
sheku.lamin@example.com
Software Engineer
Comments Section
Avatars in a comment thread.
SL
Sheku Lamin2 hours ago
This is a great feature! Really appreciate the attention to detail.
JS
Jane Smith1 hour ago
Agreed! The implementation is very clean and intuitive.
BJ
Bob Johnson30 minutes ago
Looking forward to using this in production!
Team Members List
Avatars in a team members list.
AJ
Alice Johnson
Product Manager
BS
Bob Smith
Lead Developer
CW
Carol Williams
UX Designer
DB
David Brown
Backend Engineer