CCHub Logo CCHub Tailwind Collection
Komponenten Lader Dark-Modus-Lader

Dark-Modus-Lader

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

Vorschau

HTML-Code 

<div class="flex flex-col gap-4 w-full">
  <div class="flex items-center justify-between">
    <div>
      <div class="h-2 w-24 bg-gray-500 rounded"></div>
      <div class="h-2 w-16 bg-gray-500 mt-2 rounded"></div>
    </div>
    <div class="h-10 w-10 bg-gray-500 rounded-full"></div>
  </div>
  <div class="space-y-2">
    <div class="h-2 w-full bg-gray-500 rounded"></div>
    <div class="h-2 w-full bg-gray-500 rounded"></div>
    <div class="h-2 w-full bg-gray-500 rounded"></div>
    <div class="h-2 w-1/2 bg-gray-500 rounded"></div>
  </div>
</div>

Verwandte Komponenten

Neumorphismus-Lader

Eine Loader-Komponente im Neumorphism-Stil mit responsiven Effekten und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS. Es wird kein JavaScript benötigt. Verwendet subtile Schatten, um einen extrudierten Effekt aus dem Hintergrund zu erzeugen. Dunkler Modus, der mit CSS unterstützt wird.

Offen

Lader-Komponente

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

Offen

Lader-Komponente

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

Offen