Avatar
Open-source shadcn avatar components for user profiles, team directories, and comment threads.
Basic avatar
blockAvatar with fallback
blockAvatars with different sizes
blockAvatars with different border radiuses
blockAvatars with custom sizes
blockAvatar with an online status badge
blockAvatar with badge icon
blockAvatar with different badge positions
blockAvatar with different badge positions
blockBasic avatar group
blockAvatar group with numerical count
blockAvatar group with an icon count
blockAvatar with a distinct border ring
blockAvatar with light background color fallback
blockAvatar with a solid background color fallback
blockAvatar with user details and badge
blockAvatar with grayscale image filter
blockAvatar group with online status on one
blockAvatar inside small outline button
blockAvatar social proof with text label
blockCompact social proof with initials
blockAvatar group with hover tooltips and lift effect
blockAvatar group with hover effect
blockAvatar group with hover effect and tooltips
blockAvatar group with numerical count
blockPilled small outline button with avatar
blockPilled small button with avatar
blockAvatar inside an empty state example
blockAvatar group with icon count and button
blockAvatar with loading state demonstration
blockAvatar with custom badge
blockAvatar with ring animation
blockAvatar with gradient animated ring
blockAvatar with multiple badges
blockCompact avatar dropdown menu
block