---
title: "AvatarGroupEditable — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Pantelis Tassopoulos · Sections. Showcase your team beautifully with editable avatars, smart status rings, gradient effects, tooltips, and a +N popup…"
canonical: "https://framer.elliotli.dev/component/avatargroupeditable"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/AvatarGroupEditable

# AvatarGroupEditable

[View on Framer](https://framer.com/marketplace/components/avatargroupeditable/?via=elliot-li)

![AvatarGroupEditable preview image 1](https://framer.elliotli.dev/og/component/avatargroupeditable/d4b944d9431e3c69/1600x1200.jpg)

## Summary

Showcase your team beautifully with editable avatars, smart status rings, gradient effects, tooltips, and a +N popup in a clean horizontal stack.

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9569

## Details

- **Author**: Pantelis Tassopoulos
- **Price**: $6.00
- **Published**: 2025-11-26
- **Updated**: 2025-11-26
- **Added**: 2025-11-10
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes