Loaders Component
A simple dark mode loader component with a complementary color scheme.
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
MinimalistGrayscaleLoader
Minimalist/Flat Design, Grayscale color scheme, Moderate complexity Loader Component for Business/Corporate websites with responsive design and dark theme support.
Loaders Component
A Loaders Component designed in a Brutalist style with a focus on interactivity for business/corporate websites, featuring an analogous color scheme and responsive design with dark mode support. The design showcases different loader animations that capture the bold and raw aesthetic of brutalism.
Dark Mode Loader
Loader or Skeleton Component for Dark Mode interfaces, with responsive features. No Javascript needed.