Points qui forment une ligne
Cinq points qui glissent les uns vers les autres pour former une ligne arrondie, changent de couleur puis se séparent.
Réglages
Code
<div class="ul-dl"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Loaders
Où l’utiliser
Des points qui se rejoignent en une ligne donnent l’impression que des choses se connectent : ce loader convient donc aux moments d’association et de synchronisation, comme jumeler une montre connectée, relier un terminal de paiement depuis le back-office d’une boutique ou synchroniser des notes entre appareils. Large et plat, il tient bien dans un bouton.
Il est plus à l’aise sur des attentes courtes de quelques secondes, où la fusion et la séparation se jouent une ou deux fois. Choisissez une seconde couleur qui évoque « connecté », le vert ou le bleu de votre marque, pour que la ligne se lise comme une réussite.