Loader CSS
Crea spinners de carga animados con solo CSS: color, tamaño y velocidad a tu gusto. Gratis, sin registro.
Resultado
¿Cómo usar esta herramienta?
Crea un spinner de carga animado con solo CSS.
Escribe tus datos, pulsa Generar CSS y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo creo un loader CSS?
Elige el color, el tamaño, el grosor y la velocidad; pulsa Generar CSS para obtener tu spinner animado listo para usar.
¿Usa solo CSS?
Sí, el spinner se anima con CSS puro, sin imágenes ni JavaScript: carga rápido y se ve nítido en cualquier pantalla.
¿Cómo lo añado a mi página?
Pega el código en tu HTML y tu CSS; el spinner empezará a girar automáticamente.
¿Mis datos están seguros?
Sí. Todo se procesa en tu navegador y nada de lo que escribes sale de tu dispositivo.
Herramientas relacionadas de Color y diseño
Tonos de un color
Genera tintes y sombras de cualquier color para tu paleta.
Usar gratisMezclar colores
Mezcla dos colores con la proporción que elijas y obtén el resultado al instante.
Usar gratisColor aleatorio
Genera colores aleatorios en HEX, RGB o HSL, uno o varios a la vez.
Usar gratisColor complementario
Obtén el color complementario (opuesto en la rueda cromática) de cualquier tono.
Usar gratisNombre del color
Descubre el nombre aproximado más cercano a tu color hexadecimal.
Usar gratisParejas de fuentes
Combinaciones de tipografías (título + cuerpo) que funcionan bien juntas, por estilo.
Usar gratis