This interaction showcases a Net Promoter Score (NPS) feedback form housed in a bottom sheet. When the user taps a number on the 0-10 scale, the selected button pops with a springy scale animation and changes color. Simultaneously, the central mascot illustration representing the user's sentiment shrinks and fades out before quickly scaling up and bouncing back into view with a new color, facial expression, and shape, ranging from a sad red crescent moon to a happy teal circle. The text label below the mascot crossfades to match the rating, creating a highly responsive and delightful feedback loop.

Category