Generador de loaders / spinners CSS

Elige un estilo de animación, personaliza el color, tamaño y velocidad, y copia el código CSS puro listo para insertar en cualquier proyecto.

Estilo de loader

Color

Tamaño (px) 48px

Velocidad (s) 0.8s

Vista previa

Código CSS

Funciona completamente en tu navegador. No se sube nada.

Cómo funciona

STEP 1

Selecciona entre 8 tipos de loader animados: spinners, puntos, barras y más.

STEP 2

Ajusta el color, tamaño y velocidad de animación para que encaje con tu diseño.

STEP 3

Haz clic en Copiar y pega el CSS puro directamente en tu hoja de estilos — sin JS.