Skeleton mit Schimmer
Ein Platzhalter-Beitrag mit Avatar, Bild und Textzeilen, über den ein Lichtband hinweggleitet.
Einstellungen
Code
<div class="ul-sk"><div class="ul-sk-h"><i class="a"></i><div><i></i><i class="s"></i></div></div><i class="img"></i><i></i><i class="s"></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
Den Shimmer-Effekt, ein weiches Lichtband über grauen Formen, verbinden heute die meisten mit „Inhalt kommt gleich“. Dieser CSS-Skeleton-Loader hat die Form eines Social-Media-Beitrags mit Autor, Bild und Text. Er passt also in den Feed einer Community, in die Artikelliste einer Nachrichtenseite oder zu den neuesten Beiträgen eines Rezeptblogs.
Da er aus reinem HTML und CSS besteht, funktioniert er auch auf statischen oder serverseitig gerenderten Seiten, bevor irgendein JavaScript läuft. Mach die Glanzfarbe nur etwas heller als die Basis. Ein greller Blitz über jede Karte ermüdet, wenn eine ganze Seite lädt.