Modulo di accesso al neumorfismo
Un componente Modulo di accesso progettato con lo stile Neumorfismo, con design reattivo e supporto per temi scuri utilizzando Tailwind CSS.
Codice HTML
<div class="flex items-center justify-center h-screen bg-gray-200 dark:bg-gray-900">
<div class="bg-white dark:bg-gray-800 shadow-lg rounded-lg p-8 w-96">
<h1 class="text-2xl font-semibold mb-6 text-gray-800 dark:text-gray-100">Login</h1>
<form>
<div class="mb-4">
<label for="email" class="block text-gray-700 dark:text-gray-200">Email</label>
<input type="email" id="email" class="mt-1 block w-full p-3 rounded-lg bg-gray-100 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 focus:outline-none focus:ring focus:ring-gray-400 dark:focus:ring-gray-600" placeholder="[email protected]" required />
</div>
<div class="mb-4">
<label for="password" class="block text-gray-700 dark:text-gray-200">Password</label>
<input type="password" id="password" class="mt-1 block w-full p-3 rounded-lg bg-gray-100 dark:bg-gray-900 border border-gray-300 dark:border-gray-700 focus:outline-none focus:ring focus:ring-gray-400 dark:focus:ring-gray-600" placeholder="••••••••" required />
</div>
<div class="mt-6">
<button type="submit" class="w-full py-3 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring focus:ring-blue-300">Login</button>
</div>
</form>
</div>
</div>
Componenti correlati
Brutalist_Login_Form_Travel_Tourism
Un modulo di accesso di media complessità, in stile brutalista con colori vivaci, progettato per siti Web di viaggi e turismo. Presenta un contrasto elevato, una tipografia audace e una reattività completa con il supporto della modalità scura.
Modulo di accesso Componente 37
Un componente del modulo di accesso reattivo progettato in stile Material Design con Tailwind CSS, che supporta la modalità oscura.
Playful_Sports_Login_Form
Un componente del modulo di accesso giocoso e allegro con elementi arrotondati e colori color terra, progettato per applicazioni sportive e di fitness. È completamente reattivo e supporta la modalità oscura.