Espiral hacia el centro
Puntos que giran hacia dentro en una espiral cada vez más cerrada y se apagan al llegar al centro.
Ajustes
Código
<div class="ul-sp"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></i><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></i></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
Dónde usarlo
Todo en este loader fluye hacia el centro, y eso le da un aire de «juntando las piezas». Encaja con un generador de imágenes con IA creando una foto, un editor aplicando un filtro o una herramienta comprimiendo archivos en un zip. Los colores alternos le dan profundidad a la espiral sin nada de JavaScript, solo HTML y CSS.
Es bastante hipnótico, algo precioso durante unos segundos y excesivo durante un minuto entero. Para tareas largas, acompáñalo de una línea de texto que cuente qué está pasando. Con dos colores contrastados el remolino se sigue mejor.