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

Componente de cargadores

Un componente de cargadores diseñado en un estilo brutalista con un enfoque en la interactividad para sitios web comerciales / corporativos, con un esquema de color análogo y un diseño receptivo con soporte para modo oscuro. El diseño muestra diferentes animaciones de cargadores que capturan la estética audaz y cruda del brutalismo.

Abrir

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

Componente de cargadores neumórficos

Un componente de cargadores neumórficos con un esquema de color análogo, adecuado para un blog o sitio de contenido, con un diseño receptivo y soporte para temas oscuros.

Abrir