CCHub Logo CCHub Tailwind Collection
Komponenten CAPTCHA (Englisch) CAPTCHA-Komponente

CAPTCHA-Komponente

Eine CAPTCHA-Komponente mit einem Dark-Mode-Design unter Verwendung von Tailwind CSS. Es ist reaktionsschnell und unterstützt dunkle Themen ohne JavaScript, wobei nur CSS verwendet wird.

Vorschau

HTML-Code 

<div class="flex items-center justify-center h-screen bg-gray-900">
  <div class="bg-gray-800 p-6 rounded-md shadow-md">
    <h2 class="text-xl font-semibold mb-4 text-white">CAPTCHA Verification</h2>
    <div class="mb-4">
      <img src="https://picsum.photos/200/60?random=1" alt="CAPTCHA Image" class="rounded-md">
    </div>
    <input type="text" class="w-full px-3 py-2 border border-gray-700 rounded-md bg-gray-900 text-white placeholder-gray-500 focus:outline-none focus:ring-blue-500 focus:border-blue-500" placeholder="Enter CAPTCHA">
    <button class="mt-4 w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">Verify</button>
  </div>
</div>

Verwandte Komponenten

Cyberpunk_Weather_CAPTCHA_Component

Eine komplexe CAPTCHA-Komponente zum Thema Cyberpunk für Wetter-/Klimadaten mit futuristischen Neon-Ozean-/Blautönen, dunklen Hintergründen und mehreren interaktiven Elementen. Vollständig reaktionsschnell mit Unterstützung des Dunkelmodus.

Offen

CAPTCHA-Komponente

Eine CAPTCHA-Komponente im 3D-Stil, die für Dashboards mit lebendigen Farben und responsivem Design entwickelt wurde und den Dunkelmodus unterstützt.

Offen

Retro Vintage CAPTCHA für Social Media

Eine Retro-Vintage-CAPTCHA-Komponente für soziale Medien mit lebendigen Farben, mäßiger Komplexität, Reaktionsfähigkeit und Unterstützung des Dunkelmodus mit Tailwind CSS.

Offen