Orbe liquide irisé

Une sphère qui change sans cesse de forme comme une goutte pendant que ses couleurs tourbillonnent.

Réglages

Couleur principale#7c3aed

Couleur secondaire#06b6d4

Taille16px

Vitesse1x

Intensité0.6

Code

index.html

<div class="uv-lor" role="status"><span class="sr">Chargement</span><i class="ou"></i><i class="h"></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

Voir tout : Loaders

Spinner circulaire

LoadersReact + Motion

Points qui rebondissent

LoadersReact + Motion

Barre de progression indéterminée

LoadersReact + Motion

Skeleton de carte

LoadersReact + Motion

Carré qui devient cercle

LoadersHTML + CSS

Carrés qui changent de place

LoadersHTML + CSS

Cube 3D

LoadersHTML + CSS

Triangle qui se dessine

LoadersHTML + CSS

Où l’utiliser

Les assistants vocaux et les produits d'IA affichent souvent un orbe vivant pendant qu'ils écoutent ou réfléchissent, et ce loader apporte cette sensation à toute attente. La forme passe par des contours de goutte doux, un dégradé conique tourne à l'intérieur et un reflet glisse en haut. Idéal comme écran de chargement, indicateur de saisie vocale ou attente de résultats.

L'intensité de la lueur se règle, d'un orbe mat à un halo lumineux. Deux couleurs définissent le dégradé et le mouvement s'arrête avec le mouvement réduit.