Pensando…
HTML + CSSLoader
KI-denkt-Textloader
Ein pulsierender Funke und ein Label, über das ein Lichtschimmer läuft, wie ein nachdenkender Assistent.
Einstellungen
16px
1x
Code
<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">Denkt nach…</span></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Loader
Alle ansehen: LoaderWofür du ihn nutzen kannst
Chat-Assistenten haben den Denkzustand vertraut gemacht: ein kleiner Funke, der atmet, und ein Label mit weichem Schimmer. Dieser Loader baut das Muster inline nach, er passt also in eine Chatblase, unter ein Eingabefeld oder in einen Button, während eine Anfrage läuft. Zwei winzige Punkte funkeln um den Stern.
Das Label ist editierbar und kann Denkt nach, Schreibt oder Sucht sagen. Der Verlauf läuft zwischen deinen zwei Farben über einer gedämpften Basis. So bleibt er hell und dunkel gut lesbar.