React Avatar Group Components

Dev Design Library indexes 100 React avatar group components from 29 open-source UI libraries, with the most coming from ReUI, FLX UI, SpaceUI, Vengeance UI and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Avatar group components belong to the Data display group.

• Avatar GroupMUI / Material UI · React
• Avatar GroupHeroUI · ReactDisplay a stacked or grid group of avatars with overflow counting
• Avatar CirclesMagic UI · ReactOverlapping circles of avatars.
• Avatar GroupReact Spectrum · ReactAn avatar group is a grouping of avatars that are related to each other.
• Basic avatarReUI · ReactBasic avatar
• Group AvatarLobe UI · ReactGroupAvatar is a component that displays multiple user avatars in a grid layout with smooth corner styling. It…
• Team SelectorKokonut UI · ReactSeat picker with a scrubbable number, generated avatars and an optional rolling price line.
• AvatarUntitled UI React · React
• Avatar GroupbeUI · ReactOverlapping avatars that fan apart on hover, lift with a name tooltip, and expand from a +N count to show everyone.
• Avatar StackSpectrum UI · ReactAn overlapping avatar stack that fans apart on hover, springs name tooltips over each face and expands hidden members…
• Animated TooltipVengeance UI · ReactBouncy SVG-shaped tooltips with spring animations
• Avatar-08 - Avatar stackShadcn Space · ReactStacked avatar group with overflow count and popularity indicator
• Presence DockOpenSourceUI · React
• Client Carduselayouts · ReactA client CRM card with payment and deadline rings, plus a morphing avatar stack.
• Social Proof AvatarsBadtz UI · ReactA component that displays user avatars with optional extra count and star ratings, ideal for showcasing social proof.
• Avatar StackGreatUI · React
• Avatar ShowcaseSona UI · ReactA recording-friendly avatar strip with count-aware pacing, deterministic sampling, staggered lanes, and reduced-motion…
• Avatar GroupWatermelon UI · React
• Avatar groupArc Library · ReactShow a team or set of contributors in a small space.
• Avatar StackUI Lab · ReactFans open when you reach for it, with a name above each face.
• AvatarHextaUI · ReactUser photos with an initials fallback, status badges and stacked groups that collapse into a count.
• AvatarCojeev UI · ReactPortraits, identity rows and participant groups that keep the person recognizable—with artwork, initials and…
• BasicFLX UI · ReactImage avatar with an initials fallback.
• Animated TooltipVelora UI · ReactAvatar row with springy name tooltips on hover.
• Avatar GroupHalaska UI · React
• Avatar GroupSpaceUI · ReactA component for rendering a group of avatars, supporting different stacking directions and action buttons.
• Hero 01D2Studio UI · ReactStartup mentorship landing hero with a headline, call to action and mentor avatar group.
• Avatar GroupReactFrame · ReactA stacked group of avatars with photo or initials, an overflow +N bubble, hover lift with name tooltips, a…
• Animated TooltipAceternity UI · React
• Basic avatar groupReUI · ReactBasic avatar group
• Invite TeammatesSpectrum UI · ReactA one-seat team with an avatar rail, live invite field and copyable join link.
• Masked AvatarsVengeance UI · ReactStacked masked avatar list
• Assignment ClusterSona UI · React
• User Presence AvatarWatermelon UI · React
• Invite cardCojeev UI · ReactAn event invitation with participant avatars and a reversible local RSVP, composed from Cojeev primitives.
• Fallback initialsFLX UI · ReactMissing image falls back to initials.
• Avatar CirclesVelora UI · ReactStacked initials avatars with a +N badge — zero images.
• Icon StackSpaceUI · ReactDisplays an overlapping cluster of icons or avatars that expands smoothly when hovered to reveal every individual item.
• Hero Section 01D2Studio UI · ReactPremium landing page hero with a serif accent headline, badge and mentor avatar group.
• Avatar group with numerical countReUI · ReactAvatar group with numerical count
• Waitlist FooterSpectrum UI · ReactWaitlist capture with an avatar stack and a live position counter.
• Shared Tooltip AvatarsVengeance UI · ReactAvatar stack with a sliding shared tooltip
• Prototype Avatar ShowcaseSona UI · React
• Icon fallbackFLX UI · ReactGeneric user icon when there is no image or name.
• Wavy heroVelora UI · ReactBold centered hero over flowing waves, with a rotating headline word and avatar social proof.
• Member SelectorSpaceUI · ReactAn interactive participant and member avatar selector with dynamic row layout, animated selection badges, quick-add…
• Hero Section 02D2Studio UI · ReactModern landing page hero section with badge, headline and avatar social proof.
• Avatar group with an icon countReUI · ReactAvatar group with an icon count
• Stacked LogosVengeance UI · React
• SizesFLX UI · ReactSmall, default, and large sizes side-by-side.
• Team Roster SelectorSpaceUI · React
• Avatar with a distinct border ringReUI · ReactAvatar with a distinct border ring
• Colored fallbackFLX UI · ReactTinted initials fallbacks using semantic tokens.
• Avatar with light background color fallbackReUI · ReactAvatar with light background color fallback
• Status badgeFLX UI · ReactPresence dot in the corner showing online, away, or offline.
• Avatar with a solid background color fallbackReUI · ReactAvatar with a solid background color fallback
• Badge with iconFLX UI · ReactVerified check icon inside the AvatarBadge.
• Avatar with user details and badgeReUI · ReactAvatar with user details and badge
• With nameFLX UI · ReactAvatar beside a name and email, forming a user row.
• Avatar with grayscale image filterReUI · ReactAvatar with grayscale image filter
• GroupFLX UI · ReactOverlapping AvatarGroup stack of members.
• Avatar group with online status on oneReUI · ReactAvatar group with online status on one
• Group with countFLX UI · ReactOverlapping group with a +N count for the remaining members.
• Avatar inside small outline buttonReUI · ReactAvatar inside small outline button
• Group with tooltipFLX UI · ReactHover each avatar in the group to reveal its name.
• Avatar with fallbackReUI · ReactAvatar with fallback
• Loading skeletonFLX UI · ReactSkeleton placeholder while the avatar loads.
• Avatar social proof with text labelReUI · ReactAvatar social proof with text label
• Icon on topFLX UI · ReactIcon badge pinned to the top-right corner.
• Compact social proof with initialsReUI · ReactCompact social proof with initials
• Invite teamFLX UI · ReactIcon header plus email field.
• Avatar group with hover tooltips and lift effectReUI · ReactAvatar group with hover tooltips and lift effect
• Hero 08FLX UI · ReactA split hero with a bold headline, avatar social proof, and two image cards with invertible overlay text and CTAs.
• Avatar group with hover effectReUI · ReactAvatar group with hover effect
• Hero 10FLX UI · ReactA centered hero with a highlighted headline, dual CTAs, social proof, and a fanned collage of three overlapping images.
• Avatar group with hover effect and tooltipsReUI · ReactAvatar group with hover effect and tooltips
• Empty teamFLX UI · ReactOverlapping avatar stack above an empty-state message with an invite button.
• Avatar group with numerical countReUI · ReactAvatar group with numerical count
• Avatar StackFLX UI · ReactAvatar Stack for Live Presence.
• Pilled small outline button with avatarReUI · ReactPilled small outline button with avatar
• Activity StatusFLX UI · ReactActivity Status for Live Presence.
• Pilled small button with avatarReUI · ReactPilled small button with avatar
• Link with ScopeFLX UI · ReactLink with Scope for Share Access.
• Avatar inside an empty state exampleReUI · ReactAvatar inside an empty state example
• People PickerFLX UI · ReactPeople Picker for Share Access.
• Avatar group with icon count and buttonReUI · ReactAvatar group with icon count and button
• Request AccessFLX UI · ReactRequest Access for Share Access.
• Avatars with different sizesReUI · ReactAvatars with different sizes
• Avatar with loading state demonstrationReUI · ReactAvatar with loading state demonstration
• Avatar with custom badgeReUI · ReactAvatar with custom badge
• Avatar with ring animationReUI · ReactAvatar with ring animation
• Avatar with gradient animated ringReUI · ReactAvatar with gradient animated ring
• Avatar with multiple badgesReUI · ReactAvatar with multiple badges
• Compact avatar dropdown menuReUI · ReactCompact avatar dropdown menu
• Avatars with different border radiusesReUI · ReactAvatars with different border radiuses
• Avatars with custom sizesReUI · ReactAvatars with custom sizes
• Avatar with an online status badgeReUI · ReactAvatar with an online status badge
• Avatar with badge iconReUI · ReactAvatar with badge icon
• Avatar with different badge positionsReUI · ReactAvatar with different badge positions
• Avatar with different badge positionsReUI · ReactAvatar with different badge positions

Libraries with React avatar group components

• ReUI
• FLX UI
• SpaceUI
• Vengeance UI
• Spectrum UI

Related categories

• Avatar Group Components
• Tailwind CSS Avatar Group Components
• Animated Avatar Group Components
• shadcn/ui Avatar Group Components
• React Data Display Components
• React Card Components
• React Chart Components
• React Table Components
• React Avatar Components
• React List Components
• React Stat Components
• React Calendar Components
• React Accordion Components
• React Carousel Components
• React Collapsible Components
• React Data Table Components
• React Tree View Components
• React Card Stack Components
• React Line Chart Components
• React Counter Components