Typing Indicator

Una fila de puntos rebota, se desvanece o cambia de tamaño en secuencia.

Añade "Bouncing Dots" (también llamado dots loader o three-dot loader) en [dónde].
Los puntos deben saltar y aterrizar uno tras otro con un ritmo ligero y elástico, con una breve pausa antes de que la secuencia se repita.
Haz que el bucle sea continuo, dale una etiqueta de estado para lectores de pantalla y detén el movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Los caracteres aparecen de uno en uno como si se tecleasen, normalmente seguidos de un cursor parpadeante.

Añade un efecto de máquina de escribir (Typewriter) en [dónde], también llamado typing animation o typing text.
Los caracteres deben aparecer de uno en uno a un ritmo de tecleo constante, con un cursor justo después del último carácter escrito que parpadee unas cuantas veces al terminar.
Reprodúcelo una sola vez en lugar de en bucle, deja que los lectores de pantalla lean el texto completo desde el principio y muestra el texto completo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Las letras suben y bajan en secuencia, creando una onda que recorre la palabra.

Añade un efecto "Wavy Text" (también llamado text wave) en [dónde].
Las letras deben subir y bajar una tras otra para que una onda suave y fluida recorra la palabra sin parar.
Haz el bucle sin cortes, que los lectores de pantalla lo lean como una sola palabra y detén la onda si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Unas barras verticales crecen y se encogen desfasadas, como un ecualizador de audio.

Añade una animación de carga "Bar Loader (Equalizer)" (también llamada bars loader o audio bars) en [dónde].
Unas pocas barras verticales deben estirarse y encogerse desfasadas entre sí como un ecualizador de audio, a un ritmo vivo pero regular.
Haz que el bucle sea continuo, dale una etiqueta de estado para lectores de pantalla y detén el movimiento si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una versión diminuta y desenfocada de la imagen ocupa su lugar y se vuelve nítida cuando carga la imagen completa.

Añade un efecto de carga de imagen "Blur-Up Placeholder" (también llamado LQIP o blur placeholder) en [dónde].
Una versión diminuta y muy desenfocada de la imagen debe ocupar su espacio de inmediato y, cuando la imagen completa haya cargado, volverse nítida en su lugar con suavidad y bastante rapidez.
Reserva el tamaño exacto de la imagen para que nada se desplace cuando llegue y recorta los bordes desenfocados para que no se salgan del marco.