HTML + CSSLoader

Wassertropfen

Ein einzelner Tropfen fällt, trifft die Oberfläche und zieht zwei sanfte Wellen, bevor der nächste kommt.

Einstellungen

72px
1x

Code

<div class="ul-drop"><b></b><i></i><i></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

Ein fallender Tropfen wirkt ruhig, fast meditativ. Darum passt dieser Loader zur Buchungsseite eines Spas, zu einer Hautpflegemarke mit Feuchtigkeitscremes oder zu einer Wetter-App, die die Regenvorhersage lädt. Auch ein Wasserversorger, der einen Zählerstand abruft, ist ein guter Ort. Der Tropfen fällt, berührt die Oberfläche und schickt zwei Ringe los.

Für Wellness-Marken darf er etwas langsamer laufen, die Pause zwischen den Tropfen gehört zum Effekt. Er braucht Platz nach unten und wirkt in Buttons eingeengt. Blau- und Türkistöne liegen nahe, aber eine warme Farbe funktioniert auch für Kaffee oder Öle.