HTML + CSSLoaders

Vague qui monte

Un verre rond qui se remplit d’une vague ondulante jusqu’en haut, puis se vide et recommence.

Réglages

72px
1x

Code

<div class="ul-wv"></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

Se remplir, c’est une image que tout le monde comprend : de l’eau dans un verre, de la charge dans une batterie, du café dans une tasse. Utilisez ce loader liquide dans une appli d’hydratation, sur l’écran de recharge d’une voiture électrique ou pendant qu’un café en ligne prépare votre commande. Deux couches de vagues ondulent à leur rythme.

Donnez-lui de la place, en taille moyenne ou grande, pour qu’on voie la vague. Une courte phrase dessous, comme « Votre café se prépare », en fait un petit moment plutôt qu’un spinner banal. La seconde couleur passe derrière la première : une teinte plus claire de la principale convient bien.