Generador de spinner y cargador CSS animado
Genera un spinner / cargador CSS animado (tamaño, color, velocidad) con vista previa.
🔒 100 % en el cliente — no se envía ningún dato
Genera un spinner o cargador CSS animado y personaliza el tamaño, el color, el grosor y la velocidad, luego copia el código listo para usar. Un indicador de carga ligero sin imágenes ni bibliotecas JavaScript. Todo se crea localmente en tu navegador.
What is it for?
- ▸ Añadir un indicador de carga a una página o un botón
- ▸ Personalizar el color, el tamaño y la velocidad de la animación
- ▸ Obtener un cargador ligero sin imagen ni JavaScript
- ▸ Copiar CSS puro reutilizable en cualquier proyecto
FAQ
¿El spinner requiere JavaScript?
No, se basa únicamente en CSS y en la animación @keyframes, lo que lo mantiene muy ligero.
¿Puedo cambiar la velocidad de rotación?
Sí, basta con ajustar la duración de la animación para acelerar o ralentizar el spinner.
¿El código funciona en móvil?
Sí, las animaciones CSS son fluidas y están bien soportadas en los navegadores móviles modernos.
Related tools
Relación de aspecto · calculadora Calcula una relación de aspecto (16:9…) y deriva una dimensión proporcional que falte. Generador de códigos de barras Genera un código de barras (EAN-13, Code128, UPC) a partir de un valor, descargable, en tu navegador. Base64 → imagen Decodifica un data URI o Base64 en una imagen visualizable y descargable, en tu navegador. CSS border-radius · generador Crea esquinas redondeadas en CSS (border-radius) con vista previa en vivo y código listo para copiar. CSS box-shadow · generador Genera una sombra CSS box-shadow con vista previa en vivo y código listo para copiar. Eliminar croma (pantalla verde) Haz transparente un color de fondo (pantalla verde/azul) y exporta un PNG, en tu navegador.