Home
Paul Intay
Quick Signup Form

Quick Signup Form

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

Author Paul Intay

2.8k

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

Author:
Hacker Development

8 months ago

1.2k
Sign Up form with dark mode support

Author:
Anonymous

2 years ago

12.2k
Signup And Signin page
Signup And Signin page with tab controller

Author:
Akram Khan

1 year ago

2.8k
Login screen
Reward login screen

Author:
ehmasuk

4 months ago

247
Simple login form

Author:
R Thapa

2 years ago

24.9k
Login Form

Author:
Amit Pachange

3 years ago

13k
Responsive Registration Page
I created a responsive and visually appealing registration page using TailwindCSS and HTML5. This page features a gradient background, a modern card-style form, and clear input fields for username, email, password, and password confirmation. It includes client-side validation with real-time error messages to ensure all required fields are filled correctly and passwords match. This form is designed to provide a seamless user experience across all devices.

Author:
zobaidul kaziex

1 year ago

3.2k
3D login form and responsive designe
Made a resposnvie form and 3d animation

Author:
Sufyan jutt

1 week ago

33
Authentication form
Use this example to authenticate users with a login form using a phone number instead of an email address.

Author:
Md. Tofayel islam

1 year ago

3.1k
User registration form

Author:
Leon Bachmann

3 years ago

25.1k
Search input asasasas
sasasasasas

Author:
Notify ahmedabad

1 year ago

1.5k
Sign up form

Author:
Rajesh Maheshwari

11 months ago

975

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components