Компонент погрузчиков
Простой компонент загрузчика в темном режиме с дополнительной цветовой гаммой.
HTML-код
<div class="flex items-center justify-center min-h-screen bg-gray-900">
<div class="relative">
<div class="h-24 w-24 rounded-full border-t-8 border-b-8 border-purple-500"></div>
<div class="absolute top-0 left-0 h-24 w-24 rounded-full border-t-8 border-b-8 border-pink-500 animate-spin"></div>
</div>
</div>Связанные компоненты
Загрузчик нейроморфизма
Компонент-загрузчик в стиле Neumorphism с отзывчивыми эффектами и поддержкой темных тем с использованием Tailwind CSS. JavaScript не нужен. Использование тонких теней для создания эффекта выдавливания из фона. Темный режим поддерживается с помощью CSS.
Загрузочный спиннер в оттенках серого
Простой компонент загрузочного спиннера с оттенками серого и фокусом на микровзаимодействии.
МинималистичныйОттенки серогоЗагрузчик
Минималистичный/плоский дизайн, цветовая гамма в оттенках серого, компонент загрузчика средней сложности для бизнес/корпоративных сайтов с адаптивным дизайном и поддержкой темных тем.