Herramienta gratuita de timing
Generador cubic-bezier para motion UI de producción
Edita curvas easing visualmente, previsualiza el movimiento al instante y copia código limpio para CSS, JavaScript, Tailwind y Framer Motion.
Editor de curva
cubic-bezier(.25, .1, .25, 1)
Crea animaciones CSS más suaves con un editor visual
Motion Curve Studio ayuda a crear funciones de timing sin adivinar valores. Cada curva se puede compartir, guardar, comparar y copiar.
Preguntas sobre cubic-bezier
¿Qué es una curva cubic-bezier?
Es una función de timing CSS definida por dos puntos de control que modelan la aceleración de una animación.
¿Puedo usarla en Tailwind CSS?
Sí. Copia la salida de Tailwind y añádela a la configuración de easing del tema.
¿Por qué usar un editor visual?
Permite ajustar velocidad percibida, rebote y pulido antes de publicar.