Formulário de login

Forms / Auth — bloco Tailwind pronto a copiar.

Instalação

Bloco em HTML + Tailwind — sem dependências de build. Copie e cole diretamente no seu projeto.

html

<section class="bg-gray-50 py-20 px-6 flex items-center justify-center min-h-[400px]">
  <div class="bg-white p-8 rounded-2xl border border-gray-200 w-full max-w-sm">
    <h2 class="text-xl font-bold mb-1">Entrar na conta</h2>
    <p class="text-sm text-gray-500 mb-6">Bem-vindo de volta.</p>
    <form class="space-y-4">
      <input type="email" placeholder="Email" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none" />
      <input type="password" placeholder="Palavra-passe" class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm outline-none" />
      <button class="w-full bg-gray-900 text-white font-semibold py-3 rounded-lg text-sm">Entrar</button>
    </form>
    <p class="text-xs text-gray-400 text-center mt-5">Não tem conta? <a href="#" class="text-orange-600 font-semibold">Criar conta</a></p>
  </div>
</section>