Sign In page CezeriLab

Forked from @orionc/sign-in-page-with-googlefacebooktwitter-buttons

This tailwind example is contributed by Sedat Kumcu, on 02-Nov-2024. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Register, Sign in

Author Sedat Kumcu

Tailwind v3.4 1.7k 6

Fork Fullscreen

<h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
            Sign in to your account
        </h2>
    </div>

<div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
        <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
            <form class="space-y-6" action="#" method="POST">
                <div>
                    <label for="email" class="block text-sm font-medium text-gray-700">
                        Email address
                    </label>
                    <div class="mt-1">
                        <input id="email" name="email" type="email" autocomplete="email" required
                            class="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
                            placeholder="Enter your email address">
                    </div>
                </div>

<div>
                    <label for="password" class="block text-sm font-medium text-gray-700">
                        Password
                    </label>
                    <div class="mt-1">
                        <input id="password" name="password" type="password" autocomplete="current-password" required
                            class="appearance-none rounded-md relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 focus:z-10 sm:text-sm"
                            placeholder="Enter your password">
                    </div>
                </div>

<div class="flex items-center justify-end">
                    <div class="text-sm">
                        <a href="#" class="font-medium text-blue-600 hover:text-blue-500">
                            Forgot your password?
                        </a>
                    </div>
                </div>

<div class="mt-6">
                    <div>
                        <a href="#"
                        class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500">
                        Create An Account
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Login form with fully functionl and best
@sufyandevs #sufyandevs #sufyandev #shanwebdev

Sufyan jutt

1 year ago

955
Sign up form
simple full-height register form

Lukas Müller

3 years ago

13.6k
Responsive login form with image

Anonymous

2 years ago

2.3k
Your Creative Login Page
"Animated Image Login UI" "Tailwind Image Login with Animated Background" "Innovative User Login Experience" "Creative Bubble Background Login" "Login with Personality — Featuring Your Image" "Acode Master Animated Login" ✅ (customized for you)

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.3k
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.

Bunny

4 years ago

50.7k
Tailwind Animated Login Form
A modern Tailwind CSS animated login form featuring smooth transitions, premium UI styling, responsive layout, and interactive input effects. Designed for admin panels, SaaS dashboards, and secure web applications, this login template delivers a clean light-theme interface with professional animations and a high-end user experience.

shrenik khule

9 months ago

1.1k
Elegant Login Form Design for Your Platform
A professionally designed and responsive login form built with TailwindCSS. Featuring a sleek layout with a gradient button, modern input fields, and user-friendly interactions, it’s perfect for any e-commerce, SaaS, or online platform. Includes options for "Forgot Password" and "Remember Me" functionality, providing a seamless user experience.

SHARIFUL ISLAM

1 year ago

1.9k
Login form
Component was one shot generated using https://inspi.me

yogourt

10 months ago

485
login
Dark mode login

Hacker Development

1 year ago

2k
Login-Register-Simple
Login form, responsive, no dark-mode for white backgrounds, elegant for any platform

David Chen

2 days ago

6
Contact Us / Enquiry-form Responsive

KULDEEP

1 year ago

2.2k
Input Formulario
Input used in the form Link form: https://tailwindflex.com/@ameth1208/login

Ameth Galarcio

2 years ago

3.4k