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

Dark-Modus-Lader

Loader- oder Skeleton-Komponente für Dark-Mode-Schnittstellen mit responsiven Funktionen. Kein Javascript erforderlich.

Offen

Lader-Komponente

Eine Loader-Komponente, die im Material Design-Stil gestaltet wurde, mit responsiven Effekten und Unterstützung für dunkle Designs unter Verwendung von Tailwind CSS.

Offen

Lader-Komponente

Eine einfache Loader-Komponente, die im Neumorphism-Stil für den Konsum von Inhalten mit einem komplementären Farbschema entwickelt wurde.

Offen