Texte d'IA qui réfléchit

Une étincelle qui pulse et un libellé traversé par un reflet, comme un assistant qui réfléchit.

Réglages

Couleur principale#8b5cf6

Couleur secondaire#22d3ee

Taille16px

Vitesse1x

Texte

Code

index.html

<div class="uv-lat" role="status"><span class="st" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 2l2.2 6.3L20.5 10l-6.3 2.2L12 18.5l-2.2-6.3L3.5 10l6.3-1.7z"/></svg><i></i><i></i></span><span class="tx">Réflexion…</span></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 de chat ont rendu familier l'état de réflexion : une petite étincelle qui respire et un libellé parcouru d'un doux scintillement. Ce loader reproduit ce motif en ligne, il tient donc dans une bulle de chat, sous une zone de prompt ou dans un bouton pendant le traitement d'une requête. Deux minuscules points scintillent autour de l'étoile.

Le libellé se modifie : Réflexion, Rédaction ou Recherche. Le dégradé passe entre tes deux couleurs sur une base atténuée, lisible en clair comme en sombre.