Círculo que se dibuja
Un arco que crece, gira y vuelve a encogerse en un solo movimiento fluido, al estilo que popularizó Android.
Ajustes
Código
<svg class="ul-dc" viewBox="0 0 50 50"><circle cx="25" cy="25" r="20" pathLength="100"/></svg>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
Si tu público está acostumbrado a Android o a las apps de Google, este spinner estilo Material le resultará familiar al instante. Funciona al recargar una web de noticias deslizando hacia abajo, en la carga de un formulario de acceso o en una lista de mensajes que llega. El arco se estira y encoge al girar y nunca parece congelado.
Solo usa el color principal, lo que lo convierte en uno de los loaders más neutros de aquí. Entre 24 y 48 píxeles queda bien en casi cualquier interfaz. Si buscas personalidad, no es este, y precisamente ahí está su virtud.