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