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 Neumorfico

Un semplice componente di caricamento neumorfico per siti di e-commerce con supporto per la modalità scura.

Aperto

Caricatore di neumorfismo

Un semplice componente del caricatore di neumorfismo con una combinazione di colori monocromatica per un portfolio, con design reattivo e supporto per temi scuri.

Aperto

Componenti caricatori

Un componente loader progettato in base ai principi di Material Design con supporto CSS Tailwind per la modalità oscura e gli effetti reattivi.

Aperto