Galileo-Thermometer
Die Glaskugeln eines Galileo-Thermometers sinken nacheinander, wenn sich die Flüssigkeit erwärmt, und steigen beim Abkühlen wieder auf.
Einstellungen
Code
<div class="uvq10-gal" role="status"><span class="sr">Wird geladen</span><i class="cap t" aria-hidden="true"></i><div class="tb" aria-hidden="true"><span class="bl b0" style="--i:0"><i></i><b>26°</b></span><span class="bl b1" style="--i:1"><i></i><b>24°</b></span><span class="bl b2" style="--i:2"><i></i><b>22°</b></span><span class="bl b3" style="--i:3"><i></i><b>20°</b></span><span class="bl b4" style="--i:4"><i></i><b>18°</b></span><i class="gl"></i></div><i class="cap b" aria-hidden="true"></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: LoaderWofür du ihn nutzen kannst
Eine hohe Glassäule mit Messingkappen und fünf farbigen Kugeln, jede mit einem kleinen goldenen Schild für ihre Temperatur. Erwärmt sich die Flüssigkeit, steigt ein rosa Schimmer auf und die schwersten Kugeln sinken zuerst; beim Abkühlen steigen sie in umgekehrter Reihenfolge. Passt zu Wetterseiten, Klima- und Smart-Home-Apps, Wissenschaftsläden und langsamen Aufgaben.
Die Hauptfarbe bestimmt die warmen Kugeln und den Schimmer, die zweite die kalten Kugeln und die Flüssigkeit, mit Goldgelb dazwischen. Es ist hoch, also setz es in eine Seitenleiste oder neben eine kurze vertikale Meldung.