0177

Waterllama Add Water Input

Waterllama Add Water Input

This interaction showcases a custom numeric input within a bottom sheet. When a user taps the keys on the custom keypad, the typed numbers animate in with a subtle scale-up and fade, while the cursor and 'ml' unit label shift to the right with a springy, elastic motion. The keypad buttons themselves have a subtle tap state, and the overall feel is friendly and highly responsive.