Home
Lekhraj Ghimire
Sign In Form

Sign In Form

Clean and modern Sign In form with email, password, and "Forgot password" link. Fully responsive and styled with Tailwind CSS, perfect for SaaS platforms.

This tailwind example is contributed by Lekhraj Ghimire, on 18-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are CTA,banner,Register, Sign in

Call to Action Login Form

Author Lekhraj Ghimire

325

Fork Fullscreen

<div class="max-w-md mx-auto p-8 bg-white shadow-xl rounded-xl border border-gray-200">
  <h2 class="text-2xl font-bold text-center text-blue-600 mb-6">Sign In</h2>
  <form class="space-y-4">
    <div>
      <label class="block mb-1 text-sm text-gray-600">Email Address</label>
      <input type="email" class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="you@example.com" required>
    </div>
    <div>
      <label class="block mb-1 text-sm text-gray-600">Password</label>
      <input type="password" class="w-full border border-gray-300 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="••••••••" required>
    </div>
    <div class="flex items-center justify-between">
      <label class="flex items-center">
        <input type="checkbox" class="mr-2">
        <span class="text-sm text-gray-600">Remember me</span>
      </label>
      <a href="#" class="text-sm text-blue-500 hover:underline">Forgot password?</a>
    </div>
    <button type="submit" class="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">Sign In</button>
  </form>
  <p class="text-sm text-center text-gray-500 mt-6">Don't have an account? <a href="#"
      class="text-blue-500 hover:underline">Sign Up</a></p>
</div>

Related Examples

Bug Beach Day Heatwave
This playful animation brings sweltering summer insects to life with pure HTML and Tailwind CSS. Watch as: 🔥 Glowing Fireflies pulse with heat-radiant light, their wings shimmering in the desert sun 🐞 Overheated Ladybugs scuttle across cracked earth, their red shells reflecting the blazing heat ☀️ A Wobbling Sun dominates the sky, emitting pulsing heat waves across the animated landscape

Author:
Bonimater

5 months ago

770
Login Form

Author:
Amit Pachange

3 years ago

12.7k
Geaux Code CTA Section
CTA with background patterns

Author:
Andrew Weisbeck

1 year ago

1.8k
Call-to-Action Card
Early Access Signup Card

Author:
Santiago Hernandez

1 year ago

1.9k
Authentication
Tailwind CSS Authentication Beautifully designed, fully responsive, expertly crafted authentication examples

Author:
Aman kumar

6 months ago

789
Simple CTA card

Author:
Santos78

2 years ago

13.5k
gaming profile.
gaming profile.

Author:
Bonimater

2 months ago

403
Subscribe to our newsletter section

Author:
Conan Hilton

3 years ago

11.3k
Take a Survey CTA section

Author:
JaxStone

2 years ago

10.9k
Simple Login Form
Login Form Responsive Component

Author:
Ahita Bisma Adlula

8 months ago

1.1k
Simple login page template

Author:
Freja Jensen

2 years ago

12.3k
Login form with blured background image

Author:
Noah Schmidt

2 years ago

15k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components