Gooey-Kugeln
Drei Kugeln, die ineinandergleiten und wie Flüssigkeit verschmelzen, bevor sie sich mit einem dehnbaren Hals wieder trennen.
Einstellungen
Code
<svg width="0" height="0" style="position:absolute"><filter id="ul-goo"><feGaussianBlur stdDeviation="6"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 22 -9"/></filter></svg><div class="ul-goo"><i></i><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
Der Gooey-Effekt lässt Formen wie Tropfen einer zähen Masse aussehen. Das passt zu Marken mit flüssiger Persönlichkeit: einem Bubble-Tea-Laden, der Bestellseite einer Saftbar oder einem Shop für Farben und Tinten. Zwei Kugeln gleiten hin und her durch eine dritte, die sanft atmet, und verschmelzen, wo sie sich berühren.
Genutzt wird nur die Hauptfarbe, weil das Verschmelzen am besten aussieht, wenn alles aus einem Material zu sein scheint. Bleib bei mittlerer oder großer Größe. Winzig verschwindet der dehnbare Hals zwischen den Kugeln, und übrig bleiben drei schlichte Punkte.