Composant de réinitialisation de mot de passe avec un design brutal
Composant de réinitialisation de mot de passe avec conception brutale, prise en charge du thème réactif et sombre
HTML Code
<div class="min-h-screen flex items-center justify-center bg-gray-100 dark:bg-gray-900 p-6">
<div class="bg-white dark:bg-gray-800 p-8 rounded-none shadow-none border-4 border-black dark:border-white max-w-md w-full">
<h2 class="text-2xl font-bold text-black dark:text-white mb-6 text-center tracking-tighter">Reset Your Password</h2>
<form>
<div class="mb-4">
<label for="email" class="block text-sm font-bold text-black dark:text-white mb-2">Email Address</label>
<input type="email" id="email" class="w-full px-3 py-2 border-4 border-black dark:border-white rounded-none bg-gray-200 dark:bg-gray-700 text-black dark:text-white focus:outline-none focus:border-black dark:focus:border-white" required>
</div>
<div class="mb-6">
<button type="submit" class="w-full bg-black dark:bg-white text-white dark:text-black font-bold py-2 px-4 border-4 border-black dark:border-white rounded-none hover:bg-gray-800 dark:hover:bg-gray-200 transition duration-0 ease-linear">Send Reset Link</button>
</div>
</form>
<div class="text-center">
<p class="text-sm">
<a href="#" class="text-black dark:text-white hover:underline font-bold">Remember your password?</a>
</p>
</div>
</div>
</div>Composants associés
Composant de réinitialisation de mot de passe
Un composant réactif de réinitialisation de mot de passe avec une conception monospace/développeur, une palette de couleurs d’automne et une esthétique de terminal, adapté aux applications de commerce électronique. Inclut la prise en charge du mode sombre.
Composant de réinitialisation de mot de passe - Tableau de bord rétro/vibrant
Un composant de réinitialisation de mot de passe de style rétro-vintage avec des couleurs vives, adapté à un tableau de bord. Il dispose d’un design réactif et d’un support de thème sombre utilisant Tailwind CSS. Le design évoque l’esthétique des années 80/90.
Composant de réinitialisation de mot de passe
Un composant complexe de réinitialisation de mot de passe conçu pour les services gouvernementaux/publics, avec un design épuré et minimaliste basé sur la typographie avec des couleurs à contraste élevé et une réactivité totale, y compris la prise en charge du mode sombre.