AIMRAN
HTML + CSSLoaders

Anneaux concentriques

Trois arcs imbriqués qui tournent à des vitesses différentes, celui du milieu en sens inverse.

Réglages

72px
1x

Code

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

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

Trois anneaux qui tournent chacun à leur rythme donnent l’impression qu’un travail complexe est en cours, comme des engrenages ou des planètes. Ce loader convient donc à un blog d’astronomie, à l’étape d’analyse d’un outil de données ou à une fonction d’IA qui met quelques secondes à répondre. Du CSS pur, net à toutes les tailles.

Comme les arcs se croisent, il brille en taille moyenne ou grande et devient confus en tout petit. Donnez la seconde couleur à l’anneau du milieu : le contraste rend la rotation inverse bien lisible.