All challenges
UI · Frontend challenge· Frontend UI

Avatar Group

easy
15m
#ui#react#frontend#styling

Build a overlapping Avatar Group.

Requirements

  • Accept a list of user image urls and a max display limit.
  • Overflowing avatars must be represented by a single additional count badge (e.g. +3 for 3 additional items).
  • Hovering an avatar should elevate/scale it slightly for sleek feedback.