Minimalist Social Login Component
Minimalist Social Login Component in Grayscale for E-commerce, Simple, Responsive, Dark Theme Support, no JavaScript
HTML Code
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
<div class="w-full max-w-sm p-6 bg-white rounded-md shadow-md dark:bg-gray-800">
<h1 class="text-2xl font-semibold text-center text-gray-700 dark:text-white">Login</h1>
<div class="flex justify-center mt-4 space-x-4">
<button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200">Facebook</button>
<button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200">Google</button>
<button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md dark:bg-gray-700 dark:text-gray-200">Twitter</button>
</div>
</div>
</div>Related Components
Material Design Social Login Component
Material Design Social Login Component with Complementary color scheme, moderate complexity, for Blog/Content purpose, responsive with dark mode support using Tailwind CSS.
Social Login Component
A simple, clean, and responsive social login component with a forest green color palette, designed for news/journalism websites, emphasizing typography and grid systems. Includes dark mode support.
Art Deco Social Login Component
A complex, Art Deco inspired social login component with candy/sweet color scheme, designed for dashboards, fully responsive with dark mode support.