yvette

is good

This tailwind example is contributed by Umutoniwase Yvette, on 24-May-2025. Component is made with Tailwind CSS v3. It is responsive.

Header

Author Umutoniwase Yvette

416

Fork Fullscreen

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Login Form</title>
  <link rel="stylesheet" href="style.css">
<style>
  body {
  font-family: Arial, sans-serif;
  background-color: #f0f2f5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.login-container {
  background: white;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  width: 300px;
}

h2 {
  text-align: center;
  margin-bottom: 20px;
}

label {
  display: block;
  margin-top: 10px;
}

input {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  box-sizing: border-box;
}

button {
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #0056b3;
}
</style>
</head>
<body>
  <div class="login-container">
    <h2>Login</h2>
    <form action="#" method="POST">
      <label for="email">Email</label>
      <input type="email" id="email" name="email" required>

<label for="password">Password</label>
      <input type="password" id="password" name="password" required>

Related Examples

Hero

Author:
Hasan AlDoy (McDoy)

8 months ago

1.3k
Section Heading
A gorgeous section heading with a smooth blur element.

Author:
Coastal UI

11 months ago

1.4k
Header with svg background

Author:
R.P Ketan

2 years ago

13.4k
Title

Author:
Morris Muriuki Muthigani

2 months ago

384
Responsive Header

Author:
Rajesh Maheshwari

7 months ago

1.2k
Tailwind Hero Section
Fully Responsive Hero Section with Navbar

Author:
AKASH GANDHAR

1 year ago

4.5k
Africa Solex Ltd
Description (ibisobanuro bya website) ni text ngufi isobanura neza icyo urubuga cyangwa sosiyete yawe ikora, ikaba ifasha no mu byerekeye SEO (Search Engine Optimization). Mu nyandiko za HTML, description ishyirwa muri meta tag muri <head>.

Author:
Ele Eriksen

4 months ago

326
Hero Section
A 2 column responsive hero section

Author:
Emdadul Islam

1 year ago

2.5k
Tailwind Header
responsive mobile menu with a smooth transition

Author:
Anonymous

9 months ago

3k
Markert shop
wellcome tothe my online shoping

Author:
Umutoniwase Yvette

4 months ago

156
Artisan Coffee Crafted with Care
Coffee is one of the world's most beloved beverages, enjoyed by millions daily. Here's an in-depth look at everything coffee-related.

Author:
matoleo chance

4 months ago

551
Book
nice kbx

Author:
Umutoniwase Yvette

4 months ago

293

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components