motionlang · motion lab

supabase.com in motion

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

Easing curves 3

easing-1 309×
cubic-bezier(0.4, 0, 0.2, 1)
ease-out 29×
cubic-bezier(0, 0, 0.2, 1)
ease-in-out 2×
ease

Durations 5

instant 75ms
xs 150ms
sm 200ms
md 300ms
xl 750ms

Keyframe animations 4

@keyframes swipe-out

    

    

      
@keyframes sonner-fade-in

      

    

    

      
@keyframes sonner-fade-out

      

    

    

      
@keyframes sonner-spin