Composants Chargeuses Chargeur en mode sombre

Chargeur en mode sombre

Loader ou Skeleton Component pour les interfaces en mode sombre, avec des fonctionnalités réactives. Pas besoin de Javascript.

Aperçu

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>

Composants associés

Composant des chargeurs

Un composant Loaders conçu en 3D présentant des animations de chargement avec de la profondeur et de l’engagement, des effets réactifs et la prise en charge du thème sombre à l’aide de Tailwind CSS.

Ouvrir

NeonGlowWeatherLoader

Un composant simple et réactif avec des effets de néon, une base en noir et blanc et une couleur d’accentuation vibrante, y compris la prise en charge du mode sombre.

Ouvrir

Organic_Nature_Inspired_Food_Loader

Un composant de chargement de complexité modérée pour les sites Web d’alimentation/restaurant, doté d’un design organique, inspiré de la nature, avec des couleurs sourdes et une réactivité totale, y compris la prise en charge du mode sombre.

Ouvrir