Componenti Caricatori Caricatore in modalità oscura

Caricatore in modalità oscura

Loader o Skeleton Component per interfacce in modalità scura, con funzionalità reattive. Non è necessario alcun Javascript.

Anteprima

Codice HTML

<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>

Componenti correlati

Caricatore di neumorfismo

Componente Loader con stile Neumorfismo e combinazione di colori pastello per E-commerce. Complessità semplice, reattiva con supporto per la modalità oscura. Niente JavaScript.

Aperto

Organic_Nature_Inspired_Food_Loader

Un componente di caricamento di complessità moderata per siti Web di cibo/ristoranti, caratterizzato da un design organico ispirato alla natura con colori tenui e reattività completa, incluso il supporto della modalità scura.

Aperto

Componenti caricatori

Un componente Loader progettato in stile brutalista con particolare attenzione all'interattività per siti Web aziendali/aziendali, caratterizzato da una combinazione di colori analoga e un design reattivo con supporto per la modalità scura. Il design mostra diverse animazioni del caricatore che catturano l'estetica audace e cruda del brutalismo.

Aperto