Lader-Komponente

Eine einfache Dark-Mode-Loader-Komponente mit einem komplementären Farbschema.

Vorschau

HTML-Code

<div class="flex items-center justify-center min-h-screen bg-gray-900">
  <div class="relative">
    <div class="h-24 w-24 rounded-full border-t-8 border-b-8 border-purple-500"></div>
    <div class="absolute top-0 left-0 h-24 w-24 rounded-full border-t-8 border-b-8 border-pink-500 animate-spin"></div>
  </div>
</div>

Verwandte Komponenten

Lader-Komponente

Eine reaktionsschnelle Ladekomponente mit Unterstützung für den Dunkelmodus.

Offen

Neumorphismus-Lader

Loader-Komponente mit Neumorphism-Stil und Pastell-Farbschema für den E-Commerce. Einfache Komplexität, reaktionsschnell mit Unterstützung des Dunkelmodus. Kein JavaScript.

Offen

Lader-Komponente

Eine 3D-gestaltete Loaders-Komponente, die Ladeanimationen mit Tiefe und Engagement, reaktionsschnelle Effekte und Unterstützung für dunkle Themen mit Tailwind CSS zeigt.

Offen