motionlang · motion lab

linear.app in motion

Every easing curve, duration and keyframe animation designlang read off the live linear.app page — drawn, timed and replayed. Generated 2026-05-21.

Easing curves 2

ease-out 79×
cubic-bezier(0.25, 0.46, 0.45, 0.94)
ease-in-out 25×
ease

Durations 3

xs 100ms
sm 160ms
md 400ms

Keyframe animations 207

@keyframes grid-dot-0-0-agent

    

    

      
@keyframes grid-dot-0-1-agent

      

    

    

      
@keyframes grid-dot-0-2-agent

      

    

    

      
@keyframes grid-dot-0-3-agent

      

    

    

      
@keyframes grid-dot-0-4-agent

      

    

    

      
@keyframes grid-dot-1-0-agent

      

    

    

      
@keyframes grid-dot-1-1-agent

      

    

    

      
@keyframes grid-dot-1-2-agent

      

    

    

      
@keyframes grid-dot-1-3-agent

      

    

    

      
@keyframes grid-dot-1-4-agent

      

    

    

      
@keyframes grid-dot-2-0-agent

      

    

    

      
@keyframes grid-dot-2-1-agent