Easing Lab

Escribir cubic-bezier() a mano es adivinanza: acá arrastrás los dos puntos de control sobre el gráfico (o los ajustás con sliders accesibles), ves la curva animada en tres demos en vivo y comparás contra una biblioteca curada con las cinco keywords del navegador, curvas expresivas (expo, circ, back), aproximaciones de springs y las curvas de Material 3. También hay steps() con sus seis posiciones y linear() con stops. El export sale como transition CSS con la propiedad y duración elegidas, como bloque @theme de Tailwind v4 (`--ease-*`) y como variable SCSS, con copiado, descarga y publicación al bus. Todo corre en tu navegador.