1336

Duolingo 10 Day Streak Goal Checkpoint Reveal Animation

Duolingo 10 Day Streak Goal Checkpoint Reveal Animation

This interaction showcases a highly polished gamification milestone reveal. It begins with a greyed-out milestone card that dynamically springs up and transforms into an active orange streak card. Simultaneously, a '+15 gems' reward indicator pops up with a bouncy spring animation, and the main gem counter in the top right corner increments with a subtle scale pulse. After a brief pause, the reward text fades out, the progress bar extends, and the milestone cards slide horizontally to transition the focus to the next goal. Finally, a call-to-action button slides up from the bottom to complete the sequence.