ミニマリストソーシャルログインコンポーネント
電子商取引のためのグレースケールのミニマリストソーシャルログインコンポーネント、シンプル、レスポンシブ、ダークテーマのサポート、JavaScriptなし
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>関連コンポーネント
ソーシャルログインコンポーネント
フォレストグリーンのカラーパレットを備えたシンプルでクリーンで応答性の高いソーシャルログインコンポーネントで、ニュース/ジャーナリズムWebサイト向けに設計されており、タイポグラフィとグリッドシステムを強調しています。ダークモードのサポートが含まれています。
ソーシャルログインコンポーネント - 不動産(水彩/ネオン)
不動産プラットフォーム用のシンプルでレスポンシブなソーシャルログインコンポーネントで、ネオン/エレクトリックカラースキームの水彩画/芸術的なスタイルが特徴です。ダークモードのサポートとセマンティックHTMLが含まれています。
ソーシャルログインコンポーネント
Skeuomorphic デザイン、アース トーン、ダーク モードをサポートするレスポンシブ レイアウトを備えたシンプルなソーシャル ログイン コンポーネント。このコンポーネントは、ブログやコンテンツ消費Webサイトに適しており、視覚的に魅力的でユーザーフレンドリーなログインエクスペリエンスを提供します。