CCHub Logo CCHub Tailwind Collection
Komponenten Social Login Minimalistische Social-Login-Komponente

Minimalistische Social-Login-Komponente

Minimalistische Social-Login-Komponente in Graustufen für E-Commerce, einfach, reaktionsschnell, Unterstützung für dunkle Themen, kein JavaScript

Vorschau

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>

Verwandte Komponenten

Social-Login-Komponente

Eine Social-Login-Komponente im Glassmorphism-Stil in Graustufen, mit Unterstützung für den Dunkelmodus, geeignet für E-Commerce-Websites. Das Design ist reaktionsschnell und enthält Milchglaseffekte und Unschärfe. Es ist kein JavaScript enthalten.

Offen

Social-Login-Komponente

Eine minimalistische Social-Login-Komponente, die für Geschäfts-/Unternehmenswebsites mit komplementärem Farbschema und Unterstützung des Dunkelmodus entwickelt wurde.

Offen

Neumorphic Grayscale Social Login

Eine responsive Social Login Komponente mit einem Neumorphism-Designstil in Graustufen. Enthält Schaltflächen für soziale Anbieter, ein Trennzeichen und Links zum Anmelden/Passwort vergessen. Unterstützt den Dunkelmodus mit dem Präfix dark: von Tailwind. Entwickelt für Dashboard-Umgebungen.

Offen