motionlang · motion lab

v0.dev in motion

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

Easing curves 5

easing-1 168×
cubic-bezier(0.4, 0, 0.2, 1)
easing-2 13×
cubic-bezier(0.31, 0.1, 0.08, 0.96)
easing-3 3×
cubic-bezier(0.3, 0.1, 0.1, 0.95)
spring 2×
cubic-bezier(0.34, 1.56, 0.64, 1)
ease-out 12×
cubic-bezier(0, 0, 0.2, 1)

Durations 5

xs 100ms
sm 200ms
md 300ms
lg 500ms
xl 1000ms

Keyframe animations 84

@keyframes accordion-down

    

    

      
@keyframes accordion-up

      

    

    

      
@keyframes float

      

    

    

      
@keyframes slide-from-left

      

    

    

      
@keyframes slide-to-left

      

    

    

      
@keyframes fade

      

    

    

      
@keyframes slideUpAndFade

      

    

    

      
@keyframes slideRightAndFade

      

    

    

      
@keyframes slideDownAndFade

      

    

    

      
@keyframes slideLeftAndFade

      

    

    

      
@keyframes like

      

    

    

      
@keyframes slideShow