motionlang · motion lab

clerk.com in motion

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

Easing curves 4

easing-1 18×
cubic-bezier(0.4, 0.36, 0, 1)
ease-out 30×
cubic-bezier(0.33, 1, 0.68, 1)
easing-3 47×
cubic-bezier(0.4, 0, 0.2, 1)
ease-out 16×
cubic-bezier(0, 0, 0.2, 1)

Durations 5

xs 150ms
sm 200ms
md 300ms
lg 450ms
xl 1000ms

Keyframe animations 5

@keyframes fade-in

    

    

      
@keyframes letter-reveal

      

    

    

      
@keyframes blink

      

    

    

      
@keyframes spin

      

    

    

      
@keyframes pulse