Grayscale Loading Spinner
A simple loading spinner component with grayscale colors and microinteraction focus.
HTML Code
<div class="flex items-center justify-center h-screen bg-white dark:bg-gray-900">
<div class="animate-spin rounded-full h-16 w-16 border-t-4 border-b-4 border-gray-900 dark:border-gray-100"></div>
</div>Related Components
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.