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