Avatar Crop

Data-driven avatars with corner badges — photo, initials and icon content types across coloured rings, plus a presence row and an overlapping group stack, with skeleton loading, hover tooltips, staggered entrances and an async data seam.

Figtree profile avatars framed by animated gradient rings, with multiple sizes and theme-aware colors.

A magnetic-spread avatar facepile where hovering or focusing one avatar pushes neighbours apart with exponential distance falloff, lifts and scales the active avatar, reveals a name tooltip, and spring-eases back on release — all driven by design tokens.

Rounded-square profile avatars with size variants, fallback initials, and theme-aware styling.