Cargando
HTML + CSSLoader

Schillernde Flüssigkugel

Eine Kugel, die wie ein Flüssigkeitstropfen ständig ihre Form ändert, während innen Farben kreisen.

Einstellungen

16px
1x
0.6

Code

<div class="uv-lor" role="status"><span class="sr">Wird geladen</span><i class="oder"></i><i class="h"></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

Alle ansehen: Loader

Wofür du ihn nutzen kannst

Sprachassistenten und KI-Produkte zeigen oft eine lebendige Kugel, während sie zuhören oder nachdenken, und dieser Loader bringt das Gefühl in jede Wartezeit. Die Form wandert durch weiche Tropfenkonturen, innen dreht sich ein konischer Verlauf, oben gleitet ein Glanzlicht. Geeignet als Startbildschirm, Spracheingabe-Anzeige oder Platzhalter beim Laden.

Die Leuchtintensität ist einstellbar, von matt bis strahlendem Schein. Zwei Farben bilden den Verlauf, die Bewegung folgt dem Geschwindigkeitsregler und stoppt bei reduzierter Bewegung. Ideal auch neben einem Mikrofon-Button.