Componente CAPTCHA

Un componente CAPTCHA con modo oscuro y diseño responsivo.

Vista previa

Código HTML

<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-lg font-semibold text-white mb-4">CAPTCHA Challenge</h2>
    <div class="flex items-center justify-center mb-4">
      <img src="https://picsum.photos/150/60" alt="CAPTCHA Image" class="mr-4 rounded-md">
      <input type="text" class="border border-gray-700 bg-gray-900 text-white rounded-md px-3 py-2 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
    </div>
    <button class="w-full bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">Verify</button>
  </div>
</div>

Componentes relacionados

Componente CAPTCHA

Un componente CAPTCHA inspirado en Material Design con una combinación de colores vibrantes, diseñado para aplicaciones de redes sociales. Totalmente receptivo con soporte para modo oscuro.

Abrir

Componente CAPTCHA Retro/Vintage

Un componente CAPTCHA de estilo retro diseñado para interfaces de redes sociales, con colores vibrantes y un diseño complejo con diseño receptivo y soporte para temas oscuros.

Abrir

Componente retro CAPTCHA

Un componente CAPTCHA con una estética Retro/Vintage y colores pastel, diseñado para paneles de visualización de datos con soporte para modo oscuro.

Abrir