Retro Vintage CAPTCHA Component
A simple CAPTCHA component designed with a nostalgic retro aesthetic, vibrant color scheme, suitable for business and corporate websites, with dark mode support.
HTML Code
<div class="bg-white dark:bg-gray-800 border border-violet-500 rounded-lg p-6 max-w-sm mx-auto shadow-lg">
<h2 class="text-center text-2xl font-bold text-violet-600 dark:text-violet-300 mb-4">Prove You Are Human</h2>
<p class="text-center text-gray-700 dark:text-gray-200 mb-4">Please complete the CAPTCHA below.</p>
<div class="flex justify-center mb-4">
<img src="https://picsum.photos/200/100" alt="CAPTCHA Image" class="border border-pink-400 rounded-lg">
</div>
<div class="flex items-center justify-between">
<input type="text" placeholder="Enter the text" class="border border-gray-300 dark:border-gray-600 rounded-lg p-2 w-full bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100">
<button class="ml-2 bg-violet-600 dark:bg-violet-400 hover:bg-violet-500 dark:hover:bg-violet-300 text-white font-bold py-2 px-4 rounded-lg">Verify</button>
</div>
<div class="mt-4 text-center">
<p class="text-gray-500 dark:text-gray-400 text-sm">Not readable? <a href="#" class="text-violet-600 hover:underline">Try another</a></p>
</div>
</div>
Related Components
Brutalist CAPTCHA Component
A raw and bold CAPTCHA component designed with a grayscale color scheme, suitable for a dashboard interface, including interactive features for user verification.
Retro CAPTCHA
A responsive CAPTCHA component with Earth tones, moderate complexity, and Retro/Vintage styling for business websites, with dark mode support using Tailwind CSS. No JavaScript.
CAPTCHA Component - Brutalism Vibrant Moderate
A Brutalist CAPTCHA component for a dashboard with vibrant colors and moderate complexity.