HTML + CSSLoader

Licht am Rand

Ein Lichtstreifen, der am Rand eines abgerundeten Quadrats entlangläuft, wie eine Kachel, die auf ihren Inhalt wartet.

Einstellungen

72px
1x

Code

<div class="ul-bl"></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 Loader sieht aus wie eine leere Kachel, an deren Rand Licht entlangläuft. Deshalb eignet er sich als Platzhalter: für ein App-Icon, das gerade erzeugt wird, ein Profilbild beim Hochladen oder ein Produkt-Thumbnail in einem Shop-Baukasten. Auch im Bildfeld eines KI-Tools macht er sich gut, während das Bild entsteht.

Das Innere wird in der Hintergrundfarbe der Seite gefüllt. Stell sicher, dass sie zu deiner Seite passt, sonst siehst du ein Quadrat. Liegen die zwei Farben nah beieinander, wirkt es weich, weiter auseinander wird die Spur schärfer und technischer.