Neon-Ring
Ein leuchtender Ring mit hellem Halbbogen, der sich dreht, umgeben von einem weichen Neon-Schein.
Einstellungen
Code
<div class="ul-neon"></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
Dieser Neon-Loader gehört in dunkle Oberflächen für die Nacht: die Seite eines E-Sport-Turniers, den Ticketverkauf einer Clubnacht oder einen Game-Launcher, der auf den Server wartet. Das Leuchten entsteht aus geschichteten Schatten in beiden Farben, sodass der Ring seine Umgebung zu erhellen scheint, und jede Drehung beschleunigt und bremst weich.
Er braucht einen dunklen Hintergrund, um zu leuchten. Auf Weiß sieht er nur wie ein verschwommener Spinner aus. Satte Farben wie Elektropink, Cyan oder Limette ergeben das überzeugendste Neon. Halte den Rest des Bildschirms gedämpft, damit er im Mittelpunkt steht.