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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Loader

Alle ansehen: 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.