Sign In page with google/facebook/twitter buttons

sanjay

This tailwind example is contributed by Sanjay Kumar, on 20-Jan-2026. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Register, Sign in

Author Sanjay Kumar

Tailwind v3.4 756 2

Fork Fullscreen

<div class="min-h-screen bg-gray-100 flex flex-col justify-center py-12 sm:px-6 lg:px-8">
    <div class="sm:mx-auto sm:w-full sm:max-w-md">
        <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
            Add USDT to Purchase Wallet
        </h2>
        <p class="mt-2 text-center text-sm text-gray-600 max-w">
            
            <a href="#" class="font-medium text-blue-600 hover:text-blue-500">
                
            </a>
        </p>
    </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">
                        USDT (Bep20) to Deposit
                    </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 USDT">
                    </div>
                </div>

<div>
                    <label for="password" class="block text-sm font-medium text-gray-700">
                        Default Network
                    </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="BSC (Bep20)">
                    </div>
                </div>

</label>
                    </div>

Check
                    </button>
                </div>
            </form>
            <div class="mt-6">

</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

Responsive login form with image

Anonymous

2 years ago

2.3k
Login form

Leon Bachmann

3 years ago

16k
Register form

Maxim

1 year ago

2.2k
Responsive login form
form with social login buttons

Anonymous

9 months ago

566
Login page
Login and register page, you can reuse both

Abhiraj

1 year ago

2.6k
Neon login Form #3
Login form neon design.

QQ-VVN

1 year ago

854
Simple Sign up form
A responsive simple singup or login form

Emdadul Islam

2 years ago

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

yogourt

9 months ago

484
Payment Form

ABDO-SY

1 year ago

2.4k
Amazing 3D Login and Registiration Aniamation Form
create a stunning 3D animated background with floating geometric shapes, particle effects, and interactive elements using React, Three.js, and Tailwind CSS. This will be fully responsive and visually captivating.

Nicole Shalom

1 year ago

1.8k
Simple Login Form
Login Form Responsive Component

Ahita Bisma Adlula

1 year ago

2k
Multi-Step Form with Progress Tracker
sleek and interactive multi-step registration form built with Tailwind CSS and Alpine.js, perfect for onboarding users through a smooth, step-by-step experience. This component enhances user engagement with animated transitions, real-time validation, and a dynamic progress bar that visually tracks completion. It’s fully responsive, dark-mode ready, and ideal for modern SaaS applications, startup landing pages, or authentication systems. ✨ Key Features 🪜 Three-step flow: Personal Info → Account Setup → Preferences ⚡ Real-time field validation with instant feedback 🔒 Password visibility toggles for better UX 📈 Progress bar tracker with smooth animations ✅ Success confirmation with user details preview 🌙 Dark mode support for modern UI design 💨 Alpine.js-powered interactivity – no external JS frameworks needed 📱 Fully responsive design optimized for all devices 💡 Perfect for: SaaS or startup registration flows Onboarding or sign-up pages Form builders, dashboard templates, or web app UIs UI component libraries & code snippets collections

wavy kits

1 year ago

1.3k