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

10.5k

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

Author:
Arya

3 years ago

12.2k
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

49.6k
Responsive contact us section

Author:
Geoffrey Callaghan

1 year ago

7.4k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

3.2k
Login Form
Admin Login Form

Author:
Khalid

1 year ago

2.3k
Domain For Sale Template
Domain For Sale Template

Author:
Geoffrey Callaghan

1 year ago

4k
Login oauth Form

Author:
Rihane SOLID SNAKE

4 months ago

218
Banner with Form

Author:
Aitrik Saha

9 months ago

1.2k
Credit card form 2

Author:
Oliver Hansen

2 years ago

14.2k
Large File upload input

Author:
Akshay

3 years ago

14.4k
Contact Us Form
CTAs help convert visitors into action-takers (customers, subscribers, etc.), while Contact Us forms enable easy communication, building trust and support. Both are vital for engaging visitors and achieving your website’s objectives.

Author:
KULDEEP

4 months ago

465
Adminpanel
Three tabs, switch between each other, change color when clicked. Tables with filter, search, with a drop-down form to fill.

Author:
Алла Телегина

7 months ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components