Componente di reimpostazione della password
Componente di reimpostazione della password reattiva con supporto per la modalità oscura
Codice HTML
<div class="flex items-center justify-center min-h-screen bg-gradient-to-br from-blue-400 to-purple-600 dark:from-gray-800 dark:to-gray-900">
<div class="w-full max-w-md p-8 space-y-6 bg-white rounded shadow-lg dark:bg-gray-700">
<h2 class="text-2xl font-bold text-center text-gray-800 dark:text-white">Reset Password</h2>
<form class="space-y-4">
<div>
<label for="email" class="block text-sm font-medium text-gray-700 dark:text-gray-200">Email Address</label>
<input type="email" id="email" name="email" required class="w-full px-3 py-2 mt-1 border rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-600 dark:text-white dark:border-gray-500">
</div>
<div>
<button type="submit" class="w-full px-4 py-2 text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 dark:bg-blue-700 dark:hover:bg-blue-800">Send Reset Link</button>
</div>
</form>
</div>
</div>Componenti correlati
Componente di reimpostazione della password
Un componente di reimpostazione della password ispirato al Material Design per piattaforme di social media creato con Tailwind CSS. Presenta una combinazione di colori vivaci con colori ad alta saturazione, layout pulito e design reattivo con supporto per la modalità oscura. Il componente include campi di input per l'e-mail, un pulsante di invio e testo utile. Il design utilizza principi di progettazione dei materiali come l'elevazione delle carte, il layout della griglia e gli effetti di profondità.
Reimpostazione della password pastello skeuomorfa
Un componente web reattivo per la reimpostazione della password progettato con un'estetica Skeuomorphism, caratterizzata da tenui colori pastello. L'interfaccia è complessa, con più elementi interattivi dettagliati attraverso effetti 3D, ombre e trame sottili create con Tailwind CSS. Include un modulo per l'inserimento di e-mail e un pulsante "Invia link di ripristino" ben visibile, insieme a collegamenti secondari. Il tema scuro è supportato. Ideale per vetrine portfolio.
Componente di reimpostazione della password Brutalismo Cruscotto analogo complesso
Un componente di reimpostazione della password in stile brutalista per una dashboard, caratterizzato da un layout complesso, combinazione di colori analoga, reattività e supporto per la modalità oscura.