motionlang · motion lab

loom.com in motion

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

Easing curves 4

easing-1 7×
cubic-bezier(0.4, 0, 0.2, 1)
ease-in-out 16×
ease
ease-in 6×
cubic-bezier(0.4, 0, 1, 1)
easing-4 1×
cubic-bezier(0.455, 0.03, 0.515, 0.955)

Durations 5

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

Keyframe animations 27

@keyframes SanityMarkdown_spin__2GSOd

    

    

      
@keyframes StandardHeroAccent_button__UB7R5

      

    

    

      
@keyframes StandardHeroAccent_cursor__d4akH

      

    

    

      
@keyframes StandardHeroAccent_desktop__l8Ggr

      

    

    

      
@keyframes StandardHeroAccent_opacity__FqEXT

      

    

    

      
@keyframes StandardHeroAccent_window__1sDEW

      

    

    

      
@keyframes Hero_radialShift__k0fg2

      

    

    

      
@keyframes RecordScreenSchedule_remove__eF4du

      

    

    

      
@keyframes CommentsConversationAnimation_fill__6JMyH

      

    

    

      
@keyframes animation-w7dv0m

      

    

    

      
@keyframes animation-w7dv0m

      

    

    

      
@keyframes animation-w7dv0m