Home
ehmasuk
Login screen

Login screen

Reward login screen

This tailwind example is contributed by ehmasuk, on 12-Sep-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Register, Sign in,popup,dialog

Author ehmasuk

Fork Fullscreen

<div
    class="need-accout-to-see-video-wraper h-screen w-screen bg-gray-400 fixed grid place-items-center bg-white top-0 right-0 left-0 z-50 w-full inset-0 h-modal h-full justify-center items-center">
    <div class="relative container m-auto">
        <div class="m-auto">
            <div class="rounded-xl bg-white">
                <div class="p-4 text-center">
                    <h2 class="lg:text-4xl text-2xl lg:mb-8 mb-4">Create an account to unlock the rewards.</h2>
                    <p class="mx-auto max-w-2xl lg:mb-10 mb-5">
                        The author of this video has not made it public yet. If you want to get more rewards like this,
                        you can create an account and get access to the rewards
                    </p>
                    <div class="gap-3 w-full max-w-[300px] mx-auto flex flex-col">
                        <button class="group h-12 px-6 border-2 border-gray-300 rounded-full transition duration-300 hover:border-blue-400 focus:bg-blue-50 active:bg-blue-100">
                            <div class="relative flex items-center space-x-4 justify-center">
                                <img src="https://www.svgrepo.com/show/475656/google-color.svg" class="absolute left-0 w-5" alt="google logo" />
                                <span class="block w-max font-semibold tracking-wide text-gray-700 text-sm transition duration-300 group-hover:text-blue-600 sm:text-base"
                                    >Continue with Google
                                </span>
                            </div>
                        </button>
                        <button class="group h-12 px-6 border-2 border-gray-300 rounded-full transition duration-300 hover:border-blue-400 focus:bg-blue-50 active:bg-blue-100">
                            <a href="#">
                                <div class="relative flex items-center space-x-4 justify-center">
                                    <img src="https://www.svgrepo.com/show/479653/email-9.svg" class="absolute left-0 w-5" alt="google logo" />
                                    <span class="block w-max font-semibold tracking-wide text-gray-700 text-sm transition duration-300 group-hover:text-blue-600 sm:text-base"
                                        >Create account
                                    </span>
                                </div>
                            </a>
                        </button>
                    </div>

<p class="lg:mt-10 mt-2">Don't have an account? <a href="#"
                            class="text-blue-600 hover:underline">Sign in</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

Author:
R Thapa

1 year ago

16.6k
Login popup
with social media login buttons

Author:
Nikolai

1 year ago

3.1k
Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

Author:
Anonymous

5 months ago

395
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)

3 months ago

821
Best Log In page ever
Instagram look like but not copy right 🤗,best login and sign and even for many others

Author:
ORGIN_DREAMS

3 months ago

286
OTPverification

Author:
Ratikanta Pradhan

2 months ago

267
login
Dark mode login

Author:
Hacker Development

4 months ago

850
Login Form
Login Form With google icon

Author:
Md. Tofayel islam

7 months ago

1.2k
login page

Author:
Abid Ullah

1 year ago

1.9k
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

1 year ago

2.5k
Registration Form

Author:
Maxim

5 months ago

948
Login

Author:
Amine Ghanim

5 months ago

334

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components