Home
Freja Jensen
Simple login form

Simple login form

This tailwind example is contributed by Freja Jensen, on 20-Jan-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Register, Sign in

Form Login Form

Author Freja Jensen

10.6k

Fork Fullscreen

<div class="max-w-md mx-auto mt-24">
    <form class="p-4">
        <div class="mb-4">
            <label for="email" class="block text-gray-700 font-bold mb-2">Email</label>
            <input type="email" id="email" name="email" class="w-full py-2 px-3 border border-gray-400 rounded-md shadow-sm focus:outline-none focus:border-blue-500" placeholder="Enter your email address">
        </div>
        <div class="mb-4">
            <label for="password" class="block text-gray-700 font-bold mb-2">Password</label>
            <input type="password" id="password" name="password" class="w-full py-2 px-3 border border-gray-400 rounded-md shadow-sm focus:outline-none focus:border-blue-500" placeholder="Enter your password">
        </div>
        <div class="flex items-center justify-between">
            <a href="#"
                class="text-gray-500 hover:text-blue-500 focus:outline-none focus:underline transition duration-150 ease-in-out">Forgot
                Password?</a>
            <button type="submit" class="bg-blue-500 text-white py-2 px-4 rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:shadow-outline-blue active:bg-blue-800 transition duration-150 ease-in-out">Submit</button>
        </div>
    </form>
</div>

Related Examples

Simple Login Form
Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

Author:
Bunny

3 years ago

49.4k
Responsive registration form
form with social login buttons

Author:
Sophia Baker

2 years ago

41.8k
User registration form with Instructions

Author:
Fagundo67

2 years ago

24.2k
LinkedIn sign-up form
A clone of LinkedIn sign-up page

Author:
Nomusa Botha

1 year ago

1.5k
Login

Author:
Amine Ghanim

5 months ago

338
update user
it is the layout for creating an event

Author:
seth dridi

1 year ago

1.7k
Login page
A simple login page with icons

Author:
Robert Chunga

1 year ago

1.5k
chating
chating all social media

Author:
Nirere Esther

3 months ago

290
Login form

Author:
Gopi Yadav

2 years ago

10.7k
login
login

Author:
Abhishek Kumar

3 days ago

34
Contact me form
contact me form

Author:
Geoffrey Callaghan

1 year ago

6.9k
Login Form
Admin Login Form

Author:
Khalid

1 year ago

2.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components