GratuitWeb
Bouton gris 3D avec effet au survol, par cssbuttons-io
- 386386 téléchargements
- 243243 mentions J'aime
- 153153 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Loader en forme de batterie qui se remplit v1.0.0
Utilisez cette ressource pour indiquer un chargement avec une icône de batterie
Nouveau
- 482 téléchargements
- 181 mentions J'aime
- 199 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install battery-charging-loaderPremière fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent dessine une batterie avec un seul élément HTML et des dégradés. L'animation remplit six barres par paliers. Vous obtenez un loader léger, qui prend la couleur du texte autour.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitWeb
Bouton noir avec effet au survol « Massive Mayfly », par cssbuttons-io
- 334334 téléchargements
- 194194 mentions J'aime
- 201201 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Bouton turquoise 3D avec effet au survol, par cssbuttons-io
- 336336 téléchargements
- 145145 mentions J'aime
- 207207 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Animation de chargement verte, par fanishah
- 381381 téléchargements
- 221221 mentions J'aime
- 209209 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Bouton vert avec effet au survol, par cssbuttons-io
- 415415 téléchargements
- 153153 mentions J'aime
- 145145 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Bouton blanc, par YUGE0
- 412412 téléchargements
- 193193 mentions J'aime
- 123123 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Bouton blanc 3D animé, par cssbuttons-io
- 366366 téléchargements
- 194194 mentions J'aime
- 202202 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Carte blanche 3D avec effet au survol, par javierBarroso
- 388388 téléchargements
- 153153 mentions J'aime
- 193193 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- LISEZMOI.md en français : mode d'emploi pour intégrer l'animation
- loaders/doniaskima_itchy-baboon-21.html : le HTML et le CSS du composant, à copier tels quels
- Les variables et sélecteurs à modifier pour adapter les couleurs et la taille
Pour qui
- Chargement d'une page d'application
- Page d'attente avant un lancement
- Indicateur dans une démonstration
Pas pour qui
- Progression réelle en pourcentage
- Marque sans univers technologique
Étiquettes
- loader
- batterie
- chargement
- css
- animation
À propos
Vous dites
« Mets le loader batterie de la ressource sur ma page d'attente, en blanc sur fond noir. »
Composant publié par doniaskima sur Uiverse sous licence MIT, documenté en français par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- La couleur du loader et La page où l'afficher
Comment l'utiliser
- Donnez la ressource à votre agent de code
- Demandez-lui d'insérer le composant à l'endroit voulu et d'adapter textes et couleurs
- Ouvrez la page et vérifiez le rendu au survol et sur mobile
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- LISEZMOI.md0,8 Ko
- loaders/doniaskima_itchy-baboon-21.html1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- doniaskima
- Source
- github.com/uiverse-io/galaxy/tree/adbd2adde0a299a3956ea288fb444ec01891ca41/loaders/doniaskima_itchy-baboon-21.html
- Licence
- MIT
Notice
Version modifiée de « doniaskima_itchy-baboon-21 » (doniaskima, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Comment l'intégrer dans mon site ?
Copiez le HTML et le bloc CSS dans votre page, ou le CSS dans votre feuille de style. Aucun JavaScript n'est nécessaire.
Comment personnaliser le rendu ?
Modifiez la couleur se règle avec la propriété color de .loader (#000) ; la vitesse avec la durée de l'animation l5 (2s) ; la taille avec width et height. Pour respecter les visiteurs sensibles aux animations, entourez-les d'une règle @media (prefers-reduced-motion: no-preference).