Overlap row

A group of the same small thing — avatars — each covering a third of the previous one, with a '+3' for the rest. Tap the row and they fan out one after another, each with its name rising underneath; tap again and they tuck back.

What it is

A row of avatars, each tucked a third of the way under the previous one, with a '+3' for the rest. Tap it and they fan out one by one with names underneath; tap again and they tuck back. The pattern is everywhere — collaborators on a document, guests on a booking, members of a group chat — and this version is the well-behaved one, with the fan-out that makes a crowded row readable on a phone.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 7 集「6 种组件交互提升 App 和小程序质感」· 01 重叠排列 Overlap Row