login form

this is login form

This tailwind example is contributed by aditya_sharma, on 26-Jul-2026. Component is made with Tailwind v3.4. It is responsive.

Form

Author aditya_sharma

Tailwind v3.4 162 1

Fork Fullscreen

<div class="min-h-screen bg-gray-100 flex items-center justify-center p-4">
  <div class="w-full max-w-md bg-white rounded-2xl shadow-xl p-8">
    <div class="text-center mb-8">
      <h1 class="text-3xl font-bold text-gray-900">Welcome Back</h1>
    </div>

<form [formGroup]="loginForm" (ngSubmit)="onSubmit()" class="space-y-6">
      <div>
        <label class="block text-sm font-medium text-gray-700 mb-2"> Email </label>

</div>

<div>
        <label class="block text-sm font-medium text-gray-700 mb-2"> Password </label>

</div>

<button
        type="submit"
        class="cursor-pointer w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-xl transition-colors duration-200"
      >
        Sign In
      </button>
      <div class="text-center pt-2">
        <p class="text-gray-600">
          Don’t have an account?
          <a routerLink="/register" class="text-blue-600 hover:text-blue-700 font-medium">
            Create one
          </a>
        </p>
      </div>
    </form>
  </div>
</div>

Related Examples

popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript

Ti To

2 years ago

8.9k
Book appointment form

Lukas Müller

3 years ago

29.5k
Contact form Modern
Contact Us We'd love to hear from you!

Alif Bima Pradana

8 months ago

1.1k
Multi-Step Form Wizard
Working Multi-Step Form more complex forms. made with tailwind CSS v3 and javascript

Quentin Rivers

2 years ago

7.7k
Reservation form with fabform.io

Ho O

1 year ago

1.9k
signup
its a regstration form

ishimwe shadad

1 year ago

1.9k
form3

ABDO-SY

1 year ago

2.1k
Simple Form 2

Mr Robot

4 years ago

11.7k
form text

Severino Victtorino

1 year ago

1.4k
Profile Form
Profile form for taking user inputs

TailwindFlex

4 years ago

15.4k
Contact Us form

ABDO-SY

1 year ago

1.5k
tailwind contact form template
tailwind contact form template

Ti To

2 years ago

6.3k