Avatar Group

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

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.

A circular avatar crop tool with focal wheel zoom, live multi-size previews, a rule-of-thirds grid overlay, rotate/flip controls, and canvas-based crop output for profile picture editing, styled with the Darkroom design system.

A square avatar crop tool with corner registration marks, focal wheel zoom with a live zoom readout, multi-size square previews, a rule-of-thirds grid overlay, rotate/flip controls, and canvas-based crop output for profile picture editing, styled with the Cutplate design system.