motionlang · motion lab

railway.app in motion

Every easing curve, duration and keyframe animation designlang read off the live railway.app page — drawn, timed and replayed. Generated 2026-06-25.

Easing curves 5

ease-in-out 10×
ease
linear 1×
linear
easing-3 5×
cubic-bezier(0.4, 0, 0.2, 1)
ease-in 4×
cubic-bezier(0.4, 0, 1, 1)
ease-out 1×
cubic-bezier(0, 0, 0.2, 1)

Durations 5

instant 50ms
xs 100ms
sm 200ms
md 400ms
lg 700ms

Keyframe animations 41

@keyframes delay-overflow

    

    

      
@keyframes osano-load-scale

      

    

    

      
@keyframes logos

      

    

    

      
@keyframes tweets

      

    

    

      
@keyframes bounce

      

    

    

      
@keyframes flash

      

    

    

      
@keyframes ping

      

    

    

      
@keyframes pulse

      

    

    

      
@keyframes pulse-station

      

    

    

      
@keyframes rotate-blob

      

    

    

      
@keyframes shimmer

      

    

    

      
@keyframes spin