Caricatore in modalità oscura
Loader o Skeleton Component per interfacce in modalità scura, con funzionalità reattive. Non è necessario alcun Javascript.
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.
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.
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.