Sechseck-Ring
Sechs Sechsecke im Kreis, die nacheinander aufleuchten und das Leuchten weiterreichen.
Einstellungen
Code
<div class="ul-hex"><i style="--i:0"></i><i style="--i:1"></i><i style="--i:2"></i><i style="--i:3"></i><i style="--i:4"></i><i style="--i:5"></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
Sechsecke erinnern an Moleküle, Bienenwaben und Blockchain-Grafiken. Darum wirkt dieser Ring selbstverständlich im Dashboard einer Krypto-Wallet, auf der Seite eines Biotech-Labors oder im Onlineshop einer kleinen Imkerei. Jede Zelle leuchtet reihum auf und verblasst über die zweite Farbe, eine langsame Runde um die Mitte.
Er passt gut zum Waben-Hintergrund aus dieser Bibliothek, wenn du ein stimmiges Thema willst. Gib den beiden Farben einen deutlichen Helligkeitsunterschied, nur so sieht man das Leuchten von Zelle zu Zelle wandern.