Motion
Transiciones cortas y discretas. La duración por defecto ronda los 150ms; las animaciones largas se controlan por estilo y siempre bajo motion-safe (respeta “reduce motion”).
Botón con carga
animate-spinAl accionar, un Spinner inline indica progreso y deshabilita el botón hasta terminar.
Switch
transition-transformEl pulgar se desliza con transition-transform; el fondo cambia a primary al activarse.
Skeleton
animate-pulseMarcadores con pulso mientras carga el contenido; evita saltos al aparecer los datos.
Progreso
transition-allLa barra interpola su ancho con transition-all al cambiar el valor.
Hover & press
active:translate-y-pxAl pulsar, el botón baja 1px (active:translate-y-px) — feedback táctil sutil.
Aparición
animate-in fade-in¡Listo!
Overlays y popovers entran con fade/zoom vía tw-animate-css (data-[state]).