Dynamic island

Black pill that morphs between four iPhone-style states

A rebuild of the iPhone Dynamic Island. Buttons underneath switch it between idle, ring mode, a timer, and a now-playing view with a waveform, and the black pill morphs between the sizes on a spring.

The nine waveform bars are drawn at full height and squashed with scaleY rather than resized, on randomly generated keyframes over a 1.1s loop. Animating height instead would relayout nine elements sixty times a second, forever.