motionlang · motion lab

spotify.com in motion

Every easing curve, duration and keyframe animation designlang read off the live spotify.com page — drawn, timed and replayed. Generated 2026-05-21.

Easing curves 3

easing-1 1×
cubic-bezier(0.3, 0, 0.4, 1)
ease-in-out 90×
ease
easing-3 131×
cubic-bezier(0.3, 0, 0, 1)

Durations 5

xs 100ms
sm 200ms
md 300ms
lg 500ms
xl 1000ms

Keyframe animations 3

@keyframes onetrust-fade-in

    

    

      
@keyframes slide-down-custom

      

    

    

      
@keyframes slide-down-custom