Quick Signup Form

This tailwind example is contributed by Paul Intay, on 07-Mar-2024. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example are Register, Sign in

Author Paul Intay

Tailwind v3.4 3k 11

Fork Fullscreen

<div class="bg-black border-t-[1px] bg-gray-900 lg:mt-9 p-9">
    <div class="max-w-[500px] m-auto my-9">
        <h1 class="text-white font-bold text-center text-5xl mb-9">Experience the Power of <span class="text-orange-600">D54</span></h1>
        <div class="space-y-4">
            <input class="block w-full disabled:cursor-not-allowed disabled:opacity-50 p-3 focus:border-orange-500 focus:ring-orange-500 dark:focus:border-orange-500 dark:focus:ring-orange-500 bg-gray-50 text-gray-900 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 border-gray-300 dark:border-gray-600 sm:text-base rounded-lg" required="" placeholder="Your name" type="text">
            
            <input class="block w-full disabled:cursor-not-allowed disabled:opacity-50 p-3 focus:border-orange-500 focus:ring-orange-500 dark:focus:border-orange-500 dark:focus:ring-orange-500 bg-gray-50 text-gray-900 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 border-gray-300 dark:border-gray-600 sm:text-base rounded-lg" placeholder="Your email" type="email">
            
            <button type="button" class="focus:ring-4 focus:outline-none inline-flex items-center justify-center px-6 py-3 text-base font-medium text-white bg-orange-700 hover:bg-orange-800 dark:bg-orange-600 dark:hover:bg-orange-700 focus:ring-orange-300 dark:focus:ring-orange-800 rounded-lg w-full">
                Sign Up for Beta Access
            </button>
        </div>
    </div>
</div>

Related Examples

login!!!!
html , css

Hacker Development

1 year ago

1.7k
login form
You can use this login when you want to log in to a specific website such as Facebook, Instagram, etc.

Nishimwe Jeanine

1 year ago

1.2k
Login Form
Login Card Structure This code gives you a complete, self-contained login card. Here's what's included: Input Fields: Email and password fields with icons, labels, and placeholder text. The password field includes a "Forgot password?" link. Options & Actions: A "Remember me" checkbox and a prominent "Sign In" button with hover effects. Footer Links: A "Create one" link for new accounts and social login icons (Google and GitHub) for alternative sign-in methods.

Muzammil Riaz

2 months ago

175
simple login
simple login

Tanvir Hasan Bappy (Tanvir)

8 months ago

322
login from

Tanvir Hasan Bappy (Tanvir)

1 year ago

2.2k
Sign in form
includes Google login button

Paul Intay

2 years ago

3.7k
Registration Form with Validation & Success State
A modern and interactive registration form built using Tailwind CSS and Alpine.js, designed for seamless user onboarding with real-time validation and elegant animations. This component includes client-side form validation, dynamic password visibility toggles, and a success confirmation screen with personalized feedback. It’s fully responsive, dark mode–ready, and styled for modern SaaS or startup platforms. ✨ Key Features 🧠 Real-time input validation for required fields (name, email, password, etc.) 🔒 Show/hide password toggle with animated SVG icons ✅ Success message with user details after submission 💨 Animated transitions using Alpine.js 🌙 Dark mode and light mode compatible 📱 Fully responsive across all screen sizes 🧩 Built with pure Tailwind CSS and Alpine.js (no external libraries) 💡 Perfect for: Registration or sign-up pages SaaS onboarding flows Portfolio or agency login systems Form validation demos or UI component libraries

wavy kits

11 months ago

673
Login form
responsive login page design

Aman kumar

2 years ago

5.1k
Simple Login & Register Page
Login and Register Page using Tailwind, Alpine JS, and Fontawesome

Ahita Bisma Adlula

1 year ago

4.1k
chating
chating all social media

Nirere Esther

1 year ago

752
Sign-in form - Htmlwind
Simple login form

Htmlwind

1 year ago

1.6k
Simple Login Form
Login Form Responsive Component

Ahita Bisma Adlula

1 year ago

2k