motionlang · motion lab

anthropic.com in motion

Every easing curve, duration and keyframe animation designlang read off the live anthropic.com page — drawn, timed and replayed. Generated 2026-06-12.

Easing curves 3

easing-1 8×
cubic-bezier(0.77, 0, 0.175, 1)
ease-out 10×
cubic-bezier(0.16, 1, 0.3, 1)
ease-in-out 1×
ease

Durations 5

xs 100ms
sm 200ms
md 300ms
xl 800ms
xxl 15209000ms

Keyframe animations 6

@keyframes spin

    

    

      
@keyframes marquee

      

    

    

      
@keyframes marquee

      

    

    

      
@keyframes fadein

      

    

    

      
@keyframes menuOpen

      

    

    

      
@keyframes menuClose