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

Fullscreen login form with image backround

Noah Schmidt

3 years ago

22k
Login Form
Bigger input field Login form. like bootstrap input-lg

muhittin budak

1 year ago

1.1k
Login form

Leon Bachmann

3 years ago

16k
Simple Sign up form
A responsive simple singup or login form

Emdadul Islam

2 years ago

3k
Login Form with Icon

Prashant

4 years ago

18.9k
Login form responsive

Aman kumar

2 years ago

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

Ahita Bisma Adlula

1 year ago

4.3k
Login Form - Agendamiento

Jhonatan Llamuca

1 year ago

1.9k
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

Steve NGOYA

1 year ago

1.6k
login
html , css

Hacker Development

1 year ago

1.3k
Login/Register Form with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

4.3k
OTP Verification Page
A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.

Mohit Prajapat

1 year ago

1.4k