Componente de inicio de sesión social minimalista
Componente de inicio de sesión social minimalista en escala de grises para comercio electrónico, simple, receptivo, soporte de tema oscuro, sin JavaScript
Código HTML
<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>Componentes relacionados
Escala de grises neumórfica Social Login
Un componente de inicio de sesión social receptivo con un estilo de diseño de neumorfismo en escala de grises. Incluye botones para proveedores de redes sociales, un separador y enlaces para registrarse/olvidar la contraseña. Admite el modo oscuro usando el prefijo dark: de Tailwind. Diseñado para entornos de panel de control.
Componente de inicio de sesión social
Un componente de inicio de sesión social receptivo diseñado para el modo oscuro con un esquema de color monocromático. Adecuado para el consumo de blogs y contenido con funciones interactivas.
Componente de inicio de sesión social
Un componente de inicio de sesión social retro/vintage diseñado para plataformas de comercio electrónico con una combinación de colores pastel y compatibilidad con el modo oscuro.