Компоненты Погрузчики Загрузчик темного режима

Загрузчик темного режима

Загрузчик или скелетный компонент для интерфейсов темного режима, с отзывчивыми функциями. Javascript не нужен.

Предварительный просмотр

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>

Связанные компоненты

Скевоморфный компонент загрузчика

Профессиональный, отзывчивый компонент загрузчика со скевоморфным дизайном, дополнительной цветовой гаммой и поддержкой темного режима, подходящий для бизнес/корпоративных сайтов. Имеет тонкую анимированную загрузочную панель внутри контейнера, похожего на металлик.

Открытый

Organic_Nature_Inspired_Food_Loader

Компонент загрузчика средней сложности для веб-сайтов с едой/ресторанами, отличающийся органичным, вдохновленным природой дизайном с приглушенными цветами и полной отзывчивостью, включая поддержку темного режима.

Открытый

Industrial_Rainbow_Healthcare_Loader

Компонент загрузчика в индустриальном стиле для приложений здравоохранения, включающий необработанные элементы, многоцветный радужный градиент и полную отзывчивость с поддержкой темного режима. Использует простую CSS-анимацию для эффекта загрузки.

Открытый