Composants CAPTCHA Composant Captcha minimaliste

Composant Captcha minimaliste

Un composant CAPTCHA simple, réactif et minimaliste conçu pour les tableaux de bord, utilisant une palette de couleurs monochromatiques et prenant en charge le mode sombre.

Aperçu

HTML Code

<div class="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900 p-4">
  <div class="w-full max-w-sm rounded-lg shadow-md bg-white dark:bg-gray-800 p-6 sm:p-8 border border-gray-200 dark:border-gray-700">
    <h2 class="text-2xl font-semibold text-center text-gray-800 dark:text-gray-100 mb-6">
      Are you human?
    </h2>

    <div class="flex flex-col items-center gap-4 mb-6">
      <div class="w-full h-20 bg-gray-200 dark:bg-gray-700 rounded-md overflow-hidden flex items-center justify-center p-2">
        <img src="https://picsum.photos/250/80?random=1" alt="Captcha image" class="w-full h-full object-cover rounded-sm border border-gray-300 dark:border-gray-600">
      </div>
      <button type="button" class="flex items-center text-sm font-medium text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 rounded-md py-1 px-2">
        <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004 11m7 11v-5h.582m-15.356-2A8.001 8.001 0 0120 13l-2.199-1.857L20 13c-.161 4.545-3.535 8-7.794 8A7.962 7.962 0 014 12.01

Composants associés

Composant Bauhaus CAPTCHA

Un composant CAPTCHA simple et fonctionnel dans le style Bauhaus pour la documentation/les sites wiki, avec des formes géométriques, un contraste élevé, une réactivité totale et une prise en charge du mode sombre.

Ouvrir

Composant CAPTCHA

Un composant CAPTCHA skeuomorphe conçu pour les interfaces de médias sociaux avec une palette de couleurs triadique, avec plusieurs éléments interactifs et la prise en charge du thème sombre.

Ouvrir

Retro_Candy_CAPTCHA_Component

Un composant CAPTCHA complexe, de style rétro/vintage avec une palette de couleurs bonbon/sucré, conçu pour les systèmes de réservation et de réservation. Dispose de plusieurs éléments interactifs, d’une mise en page entièrement réactive et d’une prise en charge du mode sombre.

Ouvrir