Cargando
HTML + CSSLoader
Unendlich-Loader mit Schweif
Ein leuchtender Verlaufsstrich rast endlos um das Unendlichkeitszeichen.
Einstellungen
16px
1x
Code
<div class="uv-lif" role="status"><span class="sr">Wird geladen</span><svg viewBox="0 0 100 50" aria-hidden="true"><defs><linearGradient id="uv-lif-g" x1="0" x2="1"><stop offset="0" stop-color="var(--c1)"/><stop offset="1" stop-color="var(--c2)"/></linearGradient></defs><path class="bg" d="M50 25C60 8 92 8 92 25S60 42 50 25 8 8 8 25s32 17 42 0z"/><path class="fg" pathLength="100" d="M50 25C60 8 92 8 92 25S60 42 50 25 8 8 8 25s32 17 42 0z"/></svg></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
Das Unendlichkeitszeichen passt zu jeder Art von Schleife: Synchronisieren, Streamen, Abos oder Continuous Deployment. Die zarte Kontur bleibt stehen, während ein kurzer Verlaufsschweif mit weichem Leuchten sie entlangläuft und sich in der Mitte kreuzt, ohne je anzuhalten. Es ist ein einziger SVG-Pfad mit animiertem Dash-Offset.
Wähle zwei warme oder kühle Farben und passe das Tempo an, schnell für Verarbeitung, langsam für ruhiges Warten. Das Symbol skaliert mit der Größe und bleibt scharf.