motionlang · motion lab

discord.com in motion

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

Easing curves 1

ease-in-out 1×
ease

Durations 3

sm 200ms
md 300ms
lg 500ms

Keyframe animations 16

@keyframes spin

    

    

      
@keyframes spinner-wandering-cubes-E8DV84

      

    

    

      
@keyframes spinner-wandering-cubes-E8DV84

      

    

    

      
@keyframes spinner-chasing-dots-rotate-1FNFlo

      

    

    

      
@keyframes spinner-chasing-dots-rotate-1FNFlo

      

    

    

      
@keyframes spinner-chasing-dots-bounce-1u5AiH

      

    

    

      
@keyframes spinner-chasing-dots-bounce-1u5AiH

      

    

    

      
@keyframes spinner-pulsing-ellipsis-Zju_Ib

      

    

    

      
@keyframes spinner-pulsing-ellipsis-Zju_Ib

      

    

    

      
@keyframes spinner-spinning-circle-rotate-377lhj

      

    

    

      
@keyframes spinner-spinning-circle-rotate-377lhj

      

    

    

      
@keyframes spinner-spinning-circle-dash-YaFg25