Générateur de spinner et loader CSS animé
Générez un spinner / loader CSS animé (taille, couleur, vitesse) avec aperçu.
🔒 100 % côté client — aucune donnée envoyée
Générez un spinner ou loader CSS animé et personnalisez taille, couleur, épaisseur et vitesse, puis copiez le code prêt à l'emploi. Un indicateur de chargement léger, sans image ni librairie JavaScript. Tout est créé localement dans votre navigateur.
À quoi ça sert ?
- ▸ Ajouter un indicateur de chargement à une page ou un bouton
- ▸ Personnaliser couleur, taille et vitesse d'animation
- ▸ Obtenir un loader léger sans image ni JavaScript
- ▸ Copier un CSS pur réutilisable dans tout projet
FAQ
Le spinner nécessite-t-il du JavaScript ?
Non, il repose uniquement sur CSS et l'animation @keyframes, ce qui le rend très léger.
Puis-je changer la vitesse de rotation ?
Oui, ajustez simplement la durée de l'animation pour accélérer ou ralentir le spinner.
Le code fonctionne-t-il sur mobile ?
Oui, les animations CSS sont fluides et bien supportées sur les navigateurs mobiles modernes.
Outils liés
Ratio d’aspect · calculateur Calculez un ratio d’aspect (16:9…) et déduisez une dimension proportionnelle manquante. Générateur de code-barres Générez un code-barres (EAN-13, Code128, UPC) à partir d’une valeur, téléchargeable, dans le navigateur. Base64 → image Décodez une data URI ou du Base64 en image affichée et téléchargeable, dans le navigateur. Border-radius CSS · générateur Créez des coins arrondis CSS (border-radius) avec aperçu en direct et code à copier. Box-shadow CSS · générateur Générez une ombre portée CSS (box-shadow) avec aperçu en direct et code à copier. Fond vert → transparent Rendez transparente une couleur de fond (fond vert/bleu) d’une image et exportez un PNG, dans le navigateur.