HTML + CSSLoader

Spirale zur Mitte

Punkte, die in einer immer engeren Spirale nach innen wirbeln und in der Mitte schrumpfen und verblassen.

Einstellungen

72px
1x

Code

<div class="ul-sp"><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><i style="--i:6"></i><i style="--i:7"></i><i style="--i:8"></i><i style="--i:9"></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

In diesem Loader strebt alles zur Mitte, das gibt ihm etwas Zusammenfügendes. Er passt zu einem KI-Bildgenerator, der ein Bild aufbaut, zu einem Fotoeditor, der einen Filter anwendet, oder zu einem Tool, das Dateien in ein Zip packt. Die abwechselnden Farben geben der Spirale Tiefe, ohne JavaScript, nur mit HTML und CSS.

Er ist ziemlich hypnotisch: ein paar Sekunden lang wunderschön, eine ganze Minute lang zu viel. Bei langen Aufgaben kombinier ihn mit einer Textzeile, die sagt, was gerade passiert. Zwei kontrastreiche Farben machen den Wirbel leichter verfolgbar.