motionlang · motion lab

sentry.io in motion

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

Easing curves 3

easing-1 193×
cubic-bezier(0.4, 0, 0.2, 1)
ease-in-out 61×
ease
ease-out 1×
cubic-bezier(0, 0, 0.2, 1)

Durations 5

xs 150ms
sm 200ms
md 300ms
lg 600ms
xl 800ms

Keyframe animations 10

@keyframes fade-in

    

    

      
@keyframes float

      

    

    

      
@keyframes logo-rock

      

    

    

      
@keyframes scroll-x

      

    

    

      
@keyframes expandSnippet

      

    

    

      
@keyframes shrinkSnippet

      

    

    

      
@keyframes swingDown

      

    

    

      
@keyframes pushUp

      

    

    

      
@keyframes _spin_1vwuf_1

      

    

    

      
@keyframes _thumbRotation_1vwuf_1