Need a custom feature? We can help!
Component Avatar Circles
The Avatar Circles component creates an engaging display of user avatars in a circular arrangement, perfect for showcasing community members, team members, or active users. It supports both images and profile links, with an elegant overflow indicator for large groups.
![Avatar Circles component showing multiple avatars](/_next/image?url=%2Fdocumentation%2Fcomponent-avatar-circles.png&w=3840&q=70)
Tip: Use this component on landing pages or community sections to create social proof and showcase active user engagement. It's particularly effective when displaying contributors, team members, or community leaders.
Import
1import { AvatarCircles } from "@/components/ui/avatar-circles"; 2import { AvatarCirclesDefault } from "@/components/avatar-circles/avatar-circles";
- Style customization with Tailwind and shadcn
- Use with Hero sections
- Combine with Testimonial List for social proof
- Add to Latest Articles for author displays
- Pair with Orbiting circles for dynamic layouts