login!!!!

html , css

This tailwind example is contributed by Hacker Development, on 10-May-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Register, Sign in,Front page

Author Hacker Development

195

Fork Fullscreen

</script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
<div class="container py-5">
  <button  type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#loginModal">
      Open Login Modal
  </button>

<div class="modal fade" id="loginModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Welcome Back!</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        </div>
        <div class="modal-body">
          <form>
            <div class="mb-3">
              <label class="form-label">Email address</label>
              <div class="input-group">
                <input type="email" class="form-control" placeholder="name@example.com">
                <span class="input-group-text">
                    <i class="fas fa-envelope"></i>
                  </span>
              </div>
            </div>

<div class="mb-3">
              <label class="form-label">Password</label>
              <div class="input-group">
                <input type="password" class="form-control" placeholder="Enter your password">
                <span class="input-group-text password-toggle">
                    <i class="fas fa-eye"></i>
                  </span>
              </div>
            </div>

<div class="form-check">
              <div>
                <input type="checkbox" class="form-check-input" id="remember">
                <label class="form-check-label" for="remember">Remember me</label>
              </div>
              <a href="#" class="text-decoration-none">Forgot password?</a>
            </div>

<div class="divider">
              <span>or continue with</span>
            </div>

<div class="social-login">
              <button type="button" class="btn btn-social">
                  <i class="fab fa-google"></i>Google
                </button>
              <button type="button" class="btn btn-social">
                  <i class="fab fa-facebook-f"></i>Facebook
                </button>
            </div>

<div class="register-link">
              Don't have an account? <a href="#" class="text-decoration-none">Register now</a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

Related Examples

Login Form
Login Form With google icon

Author:
Md. Tofayel islam

4 months ago

998
cards
html , css ,

Author:
Hacker Development

1 month ago

175
login
html , css

Author:
Hacker Development

1 month ago

63
Login
Login Creen office

Author:
Rushikesh Latpate

5 months ago

758
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

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

1 year ago

9k
FacePass: Animated Image Authentication
"Where your image becomes your key" "Biometric meets beautiful animations" "A login experience that recognizes you – literally" "Security through personalized visual authentication" "Your face, animated, authenticated"

Author:
Code Master(Mfuranziza Dusabe Hamza)

4 weeks ago

182
Responsive login form
form with social login buttons

Author:
Aman kumar

1 year ago

4.3k
Simple landing page

Author:
Lîmåã M

2 years ago

18k
User registration form

Author:
Leon Bachmann

2 years ago

22.4k
Authentication form
Use this example to authenticate users with a login form using a phone number instead of an email address.

Author:
Md. Tofayel islam

1 year ago

2.3k
Responsive registration form
form with social login buttons

Author:
Sophia Baker

2 years ago

38.7k
Extreme Signup Page
I create a signup page using html, tailwindcss and font awesome icons using cdn.

Author:
Akram Khan

11 months ago

2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components