Punkte werden Linie
Fünf Punkte, die zu einer abgerundeten Linie zusammengleiten, die Farbe wechseln und sich wieder trennen.
Einstellungen
Code
<div class="ul-dl"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i></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
Wofür du ihn nutzen kannst
Punkte, die zu einer Linie verschmelzen, wirken wie Dinge, die sich verbinden. Deshalb passt dieser Loader zu Momenten des Koppelns und Synchronisierens: eine Smartwatch mit ihrer App verbinden, ein Kartenterminal im Backoffice eines Ladens einrichten oder Notizen zwischen Geräten abgleichen. Er ist breit und flach und passt gut in einen Button.
Gedacht ist er für kurze Wartezeiten von ein paar Sekunden, in denen Verschmelzen und Trennen ein- oder zweimal ablaufen. Wähl eine zweite Farbe, die nach „verbunden“ aussieht, etwa dein Marken-Grün oder -Blau, damit die Linie als Erfolg gelesen wird.