Máquina de escribir

Una máquina de escribir teclea el mensaje letra a letra, el carro avanza y al final vuelve con un salto de línea.

Ajustes

Color principal#1c1917

Color secundario#b91c1c

Tamaño16px

Velocidad1x

Texto

Código

index.html

<div class="uvq10-typ" role="status"><span class="sr">Cargando…</span><div class="vw" aria-hidden="true"><div class="car"><div class="pap"><span class="old"></span><span class="ln"></span></div><i class="rol"></i></div><i class="tb"></i><i class="gd"></i></div></div>

Prompt para IA

Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.

Versión Markdown con todo el código, para asistentes de IA

Más en Loaders

Ver todos: Loaders

Spinner circular

LoadersReact + Motion

Puntos rebotando

LoadersReact + Motion

Barra de progreso indeterminada

LoadersReact + Motion

Skeleton de tarjeta

LoadersReact + Motion

Cuadrado que se vuelve círculo

LoadersHTML + CSS

Cuadrados que cambian de sitio

LoadersHTML + CSS

Cubo 3D

LoadersHTML + CSS

Triángulo que se dibuja

LoadersHTML + CSS

Dónde usarlo

El mensaje se teclea carácter a carácter con un ritmo humano irregular, una barra de tipos golpea cada letra y el papel con su rodillo se desliza a la izquierda como en una máquina de verdad. Al final el carro vuelve de golpe y la línea sube. Encaja en herramientas de escritura, boletines, webs editoriales y borradores de IA.

Escribe el mensaje en el campo de texto; quedan mejor las frases cortas de hasta veinte caracteres. El color principal es la tinta y el secundario tiñe la guía bajo la letra que se golpea.