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

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

Login page
Login and register page, you can reuse both

Author:
Abhiraj

4 months ago

1.1k
Form
form

Author:
Aman kumar

11 months ago

1.4k
Call to Action (for app stores)
Download app section with Playstore and Appstore button

Author:
Ron Hicks

2 years ago

10.8k
Login

Author:
Amine Ghanim

2 months ago

133
Tailwind CTA section

Author:
Moriba Traore

2 years ago

12.6k
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

9k
Login Form Component
The "Login Form Component" is a visually appealing and user-friendly interface designed for user authentication. It features a clean and well-structured layout with fields for entering the email address and password.

Author:
R Thapa

1 year ago

7.8k
Sign up form

Author:
Rajesh Maheshwari

3 months ago

396
Login Form simple
Login form design

Author:
QQ-VVN

1 month ago

120
Newsletter Signup Form
It features a clean and modern design with a background illustration, making it visually appealing.

Author:
TailwindFlex

1 year ago

7.5k
Call to example
Call to example using radial-gradient

Author:
Oliver Hansen

2 years ago

8.2k
Sign In form

Author:
Amit Pachange

2 years ago

11.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components