motionlang · motion lab

notion.so in motion

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

Easing curves 4

ease-in-out 142×
ease
linear 1×
linear
easing-3 10×
cubic-bezier(0.45, 0, 0.55, 1)
easing-4 7×
cubic-bezier(0.645, 0.045, 0.355, 1)

Durations 3

instant 75ms
xs 100ms
sm 200ms

Keyframe animations 39

@keyframes fadeIn

    

    

      
@keyframes fadeOut

      

    

    

      
@keyframes scaleIn

      

    

    

      
@keyframes scaleOut

      

    

    

      
@keyframes popIn

      

    

    

      
@keyframes rotate

      

    

    

      
@keyframes loadingDots_pulse__d8LYi

      

    

    

      
@keyframes globalNavigation_navShadowScrolled__pZKcg

      

    

    

      
@keyframes globalNavigation_fadeIn__BTvkx

      

    

    

      
@keyframes globalNavigation_fadeOut__UET7A

      

    

    

      
@keyframes globalNavigation_slideDown__fiX_y

      

    

    

      
@keyframes globalNavigation_navTokensHeroExit__nkR7m