Lavalampen-Loader
Eine hohe Kapsel, in der warme Blasen aufsteigen, zurücksinken und verschmelzen, wie eine kleine Lavalampe.
Einstellungen
Code
<svg width="0" height="0" style="position:absolute"><filter id="ul-lava"><feGaussianBlur stdDeviation="5"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -8"/></filter></svg><div class="ul-lava"><div><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i></div></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
Eine Lavalampe ist pure Siebziger-Nostalgie. Dieser Loader gibt deshalb einem Vintage-Kleiderladen, der Seite eines Plattenladens oder der Karte einer Cocktailbar sofort Charakter. Die Blasen steigen und sinken in ihrem eigenen Tempo und verschmelzen miteinander und mit dem Bodensatz, deshalb schaut man ihm auch bei längeren Wartezeiten gern zu.
Orange und Pink sind das klassische Paar, tiefes Violett mit Petrol wirkt dagegen nächtlicher. Die Form ist hoch, sie passt besser auf einen Splashscreen oder in eine Seitenleiste als in eine Button-Reihe. In dieser Bibliothek gibt es auch einen Lava-Hintergrund für den ganzen Bildschirm.