Showcase your team beautifully with editable avatars, smart status rings, gradient effects, tooltips, and a +N popup in a clean horizontal stack. Perfect for modern team or community sections.
Details
A polished avatar group for beautiful team and community sections. Arrange faces in a clean stacked row, show live statuses, add subtle motion, and reveal extra members with a clean “+N” popup—everything editable directly in Framer.
What you get
– A refined horizontal stack layout with adjustable overlap, size, and spacing so your avatars always feel balanced and intentional.
– Customizable rings around each avatar — choose any color you like or apply a smooth gradient for a polished look.
– Live status dots (Online, Away, Busy, Offline, or Nothing) so you can show who’s available — or hide the indicator entirely.
– Helpful tooltips with name, role, and an optional button (e.g., “View profile”).
– Smooth micro-interactions: gentle hover, tasteful entrance animations, and optional 3D group tilt.
– Overflow made simple: when you have many people, the +N bubble opens a neat list with photos, names, roles, status, and a quick action.
Perfect for
Team pages, “About” sections, community/member previews, testimonial strips, and product pages that feature contributors.
Easy to customize
– Add or reorder members, switch between image or initials.
– Edit names, roles, status, ring style, and action labels.
– Adjust spacing, size, and colors to match your brand.
– Choose tooltip theme (dark or light) and how lively the interactions feel.
Bring your team to life with clear, elegant presentation and delightful details—no code needed.
Pantelis Tassopoulos
