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 con un diseño de modo oscuro que usa Tailwind CSS. Es responsivo y admite temas oscuros sin JavaScript, usando solo CSS.

Abrir

Componente CAPTCHA de Material Design

Un componente CAPTCHA responsivo diseñado con los principios de Material Design, incluida la compatibilidad con temas oscuros.

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