Componentes Cargadoras Cargador de modo oscuro

Cargador de modo oscuro

Loader o Skeleton Component para interfaces de modo oscuro, con características responsivas. No se necesita Javascript.

Vista previa

Código 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>

Componentes relacionados

Spinner de carga en escala de grises

Un componente giratorio de carga simple con colores en escala de grises y enfoque de microinteracción.

Abrir

Cargador de neumorfismo

Un componente de carga de neumorfismo simple con un esquema de color monocromático para un portafolio, con diseño receptivo y soporte para temas oscuros.

Abrir

Componente de cargadores

Un componente de cargadores diseñado en el estilo Material Design, con efectos responsivos y soporte para temas oscuros mediante Tailwind CSS.

Abrir