0032

Airbnb Setup Slider

Airbnb Setup Slider

This interaction demonstrates a highly tactile pricing calculator. When the user drags the horizontal slider to adjust the number of nights, the estimated earnings value dynamically updates. Instead of a simple crossfade or instant text replacement, each digit rolls vertically like an odometer. During rapid changes, a vertical motion blur is applied to the spinning digits, creating a realistic sense of speed and momentum. The 'nights' badge sits directly above the slider thumb, moving in perfect sync with the drag gesture.