Simple Form 2

This tailwind example is contributed by Mr Robot, on 08-Sep-2022. Component is made with Tailwind v3.4.

Tailwind v3.4 11.7k 13

<div class="bg-green-200 min-h-screen flex items-center">
    <div class="bg-white p-10 md:w-2/3 lg:w-1/2 mx-auto rounded">
        <form action="">

<div class="flex items-center mb-10">
                <label for="twitter" class="w-20 inline-block text-right mr-4 text-gray-500 text-gray-500">Twitter</label>
                <input type="text" name="twitter" id="twitter" placeholder="Your Twitter pseudonym" class="border-b-2 border-gray-400 flex-1 py-2 placeholder-gray-300 outline-none focus:border-green-400">
            </div>
            <div class="text-right">
                <button class="py-3 px-8 bg-green-500 text-green-100 font-bold rounded">Submit</button>
            </div>
        </form>
    </div>
</div>

Related Examples

Book Appointment form
A schedule an appointment form is an online document that helps the user to schedule an appointment with the company or business.

Arya

4 years ago

13.7k
Simple Login Form
Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

Bunny

4 years ago

50.6k
Minimal Ghost Login Form

JUGENDRA GANGWAR

6 days ago

6
Simple login form

Freja Jensen

3 years ago

11.7k
Contact us Form with Responsive

KULDEEP

1 year ago

1.2k
Appointment booking form

Ho O

1 year ago

1.7k
Verify otp form

Jakub Novak

3 years ago

18.8k
MULTI-STEP FORM component
MULTI-STEP FORM WIZARD · Open Source Component Steps: Personal → Role → Preferences → Goals → Review Features: stepper, validation, conditional fields, localStorage, animated transitions, review summary

Ijila Itunu

6 months ago

451
Forgot Password Screen

JUGENDRA GANGWAR

3 weeks ago

42
Credit card form

Oliver Hansen

3 years ago

18k
form
form

aditya_sharma

1 month ago

38
Age verification 18+

Maxim

1 year ago

1.6k