Componente de botones OAuth
Un componente web con botones OAuth diseñados con un estilo skeuomórfico, efectos responsivos y soporte para temas oscuros mediante Tailwind CSS.
Código HTML
<div class="flex flex-col items-center justify-center min-h-screen bg-gray-50 dark:bg-gray-900">
<h2 class="text-2xl font-bold text-gray-800 dark:text-gray-200 mb-4">Sign in with</h2>
<div class="grid grid-cols-1 gap-4">
<a href="#" class="flex items-center justify-center bg-white dark:bg-gray-800 shadow-lg rounded-lg p-4 transform transition duration-300 hover:scale-105">
<img src="https://picsum.photos/40" alt="Google" class="mr-2 rounded-full">
<span class="font-medium text-gray-800 dark:text-gray-200">Google</span>
</a>
<a href="#" class="flex items-center justify-center bg-white dark:bg-gray-800 shadow-lg rounded-lg p-4 transform transition duration-300 hover:scale-105">
<img src="https://randomuser.me/api/portraits/men/44.jpg" alt="Facebook" class="mr-2 rounded-full">
<span class="font-medium text-gray-800 dark:text-gray-200">Facebook</span>
</a>
<a href="#" class="flex items-center justify-center bg-white dark:bg-gray-800 shadow-lg rounded-lg p-4 transform transition duration-300 hover:scale-105">
<img src="https://randomuser.me/api/portraits/women/46.jpg" alt="Twitter" class="mr-2 rounded-full">
<span class="font-medium text-gray-800 dark:text-gray-200">Twitter</span>
</a>
</div>
</div>Componentes relacionados
Componente de botones OAuth
Componente de botones OAuth receptivos para la interfaz de usuario de comercio electrónico en modo oscuro con esquema de color pastel.
Componente de botones OAuth
Componente de botones OAuth con microinteracciones para un portafolio, con un esquema de color vibrante y un diseño simple, con diseño receptivo y soporte de modo oscuro usando Tailwind CSS.
Componente de botones OAuth
Un componente de botones OAuth de estilo Neumorphism diseñado para un blog o una plataforma de consumo de contenido. El componente cuenta con botones para varios proveedores de OAuth con un diseño receptivo, compatibilidad con temas oscuros y un esquema de color monocromático.