Components Loaders Loaders Component

Loaders Component

A simple dark mode loader component with a complementary color scheme.

Preview

HTML Code

<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>

Related Components

Loaders Component

A Material Design styled Loaders Component with a responsive design for showcasing work or products, featuring a dark theme and using Tailwind CSS.

Open

MinimalistGrayscaleLoader

Minimalist/Flat Design, Grayscale color scheme, Moderate complexity Loader Component for Business/Corporate websites with responsive design and dark theme support.

Open

Loaders Component

A responsive Loaders component designed for dark mode, featuring earth tones and moderate complexity for portfolio showcasing.

Open