HTML + CSSLoader

Sanduhr-Loader

Sand rieselt in einem dünnen Strahl von oben nach unten, dann dreht sich die Sanduhr und alles beginnt von vorn.

Einstellungen

72px
1x

Code

<div class="ul-hg"><i></i><i></i><b></b></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

Eine Sanduhr ist ehrlich: Sie sagt, dass es einen Moment dauern wird. Nutze sie, wenn ein Videoeditor einen Clip exportiert, wenn ein Buchhaltungs-Tool einen PDF-Bericht erstellt, oder im virtuellen Warteraum eines Ticketverkaufs für ein Konzert. Der Sand rinnt, der dünne Strahl versiegt und das Glas dreht sich, alles in reinem CSS.

Heb sie für Wartezeiten von mehreren Sekunden auf; bei einem schnellen Abruf kommt sie gar nicht erst zum Drehen. Ein kurzer Hinweis zur erwarteten Dauer wie „Etwa eine Minute“ passt gut dazu und nimmt Frust raus.