Pensando…
HTML + CSSLoaders
Texto de IA pensando
Una estrella que late y un texto con un brillo que lo recorre, como cuando un asistente piensa.
Ajustes
16px
1x
Código
<div class="uv-lat" role="status"><span class="st" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2l2.2 6.3L20.5 10l-6.3 2.2L12 18.5l-2.2-6.3L3.5 10l6.3-1.7z"/></svg><i></i><i></i></span><span class="tx">Pensando…</span></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.
Más en Loaders
Ver todos: LoadersDónde usarlo
Los asistentes de chat han hecho familiar el estado de pensar: una pequeña estrella que respira y una etiqueta con un brillo suave que la recorre. Este loader recrea ese patrón en línea, así que cabe dentro de una burbuja de chat, bajo una caja de prompt o en un botón mientras se procesa una petición. Dos puntos diminutos titilan alrededor de la estrella.
La etiqueta se edita, así que puede decir Pensando, Escribiendo o Buscando. El degradado va entre tus dos colores sobre una base atenuada que se lee en modo claro y oscuro.