All challenges

UI · Frontend challenge · Frontend UI

Avatar Group

Difficulty

easy

Time

~15m

Format

Single

Grading

Human review

#ui#react#frontend#styling
Mission file // read carefullyeasy

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.

Build with

React
Live preview as you type
Human review
Start challenge

Sign in to save your progress.