motionlang · motion lab

resend.com in motion

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

Easing curves 6

easing-1 128×
cubic-bezier(0.4, 0, 0.2, 1)
ease-in 6×
cubic-bezier(0.4, 0, 1, 1)
ease-in-out 2×
ease
ease-out 3×
cubic-bezier(0.36, 0.66, 0.6, 1)
ease-out 4×
cubic-bezier(0, 0, 0.2, 1)
linear 1×
linear

Durations 5

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

Keyframe animations 61

@keyframes spin

    

    

      
@keyframes pulse

      

    

    

      
@keyframes ai-shimmer-text

      

    

    

      
@keyframes scroll-x

      

    

    

      
@keyframes shine

      

    

    

      
@keyframes disco

      

    

    

      
@keyframes fade-in

      

    

    

      
@keyframes fade-out

      

    

    

      
@keyframes open-slide-down-fade

      

    

    

      
@keyframes close-slide-up-fade

      

    

    

      
@keyframes open-slide-up-fade

      

    

    

      
@keyframes close-slide-down-fade