Avatar
An image element with a fallback for representing the user.
Basic Avatars
Avatars with images and fallback initials.
CNJDAB
Sizes
Avatars in different sizes.
SMMDLGXL2X3X
Fallback Styles
Different fallback background styles.
ABCDEF
Avatar Group
Stacked avatars showing multiple users.
U1U2U3U4+5
With Status
Avatars with online/offline indicators.
ON
AW
OF
DN
User Profile
Avatar used in a user profile card.
JD
John Doe
john.doe@example.com
Software Engineer
Comments Section
Avatars in a comment thread.
JD
John Doe2 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