Home
Mr Robot
Simple Form 2

Simple Form 2

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

Form

Author Mr Robot

11.1k

13

Fork Fullscreen

<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-5">
                <label for="name" class="w-20 inline-block text-right mr-4 text-gray-500 text-gray-500">Name</label>
                <input name="name" id="name" type="text" placeholder="Your name" class="border-b-2 border-gray-400 flex-1 py-2 placeholder-gray-300 outline-none focus:border-green-400">
            </div>

<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.

Author:
Arya

3 years ago

12.8k
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.

Author:
Bunny

3 years ago

50.1k
File upload form

Author:
Lukas Müller

3 years ago

14.1k
Contact Form
with hidden email

Author:
Geoffrey Callaghan

2 years ago

6.6k
Login form

Author:
ariaw

4 months ago

702
Simple login form

Author:
Freja Jensen

3 years ago

11k
Apply Coupon Code form

Author:
Lyra Ravensong

2 years ago

8.8k
Domain For Sale Template
Domain For Sale Template

Author:
Geoffrey Callaghan

2 years ago

4.3k
Sign Up form with dark mode support

Author:
Anonymous

2 years ago

12.4k
Responsive Form2

Author:
ABDO-SY

1 year ago

1.1k
tailwind contact form template
tailwind contact form template

Author:
Ti To

2 years ago

5.8k
form text

Author:
Severino Victtorino

11 months ago

1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12