motionlang · motion lab

raycast.com in motion

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

Easing curves 4

ease-in-out 87×
ease
ease-out 185×
cubic-bezier(0.23, 1, 0.32, 1)
ease-out 12×
cubic-bezier(0.165, 0.84, 0.44, 1)
ease-out 3×
cubic-bezier(0.075, 0.82, 0.165, 1)

Durations 6

xs 100ms
sm 200ms
md 300ms
lg 500ms
xl 850ms
xxl 1500ms

Keyframe animations 44

@keyframes search_nightRider__a2oGM

    

    

      
@keyframes Gallery_progress__FmE_S

      

    

    

      
@keyframes InstallViaWinget_iconSuccess__hI9N1

      

    

    

      
@keyframes RaycastWindow_loadingSweep__UKb0Y

      

    

    

      
@keyframes RaycastWindow_blink__2uJwJ

      

    

    

      
@keyframes AIShowCase_progress__VqqNs

      

    

    

      
@keyframes FeatureWall_progress__Gdb_p

      

    

    

      
@keyframes HeroAnnouncement_x__3wAWd

      

    

    

      
@keyframes HeroAnnouncement_rotating2__GbW_t

      

    

    

      
@keyframes ai-chat_blink__XTGtJ

      

    

    

      
@keyframes Dialog_overlayShow__x16yp

      

    

    

      
@keyframes Dialog_contentShow__Ly8HO