Home
Mr Robot
Simple Form

Simple Form

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

Form

Author Mr Robot

9.8k

10

Fork Fullscreen

<div class="bg-blue-200 min-h-screen flex items-center">
    <div class="w-full">
        <h2 class="text-center text-blue-400 font-bold text-2xl uppercase mb-10">Fill out our form</h2>
        <div class="bg-white p-10 rounded-lg shadow md:w-3/4 mx-auto lg:w-1/2">
            <form action="">
                <div class="mb-5">
                    <label for="name" class="block mb-2 font-bold text-gray-600">Name</label>
                    <input type="text" id="name" name="name" placeholder="Put in your fullname." class="border border-gray-300 shadow p-3 w-full rounded mb-">
                </div>

<div class="mb-5">
                    <label for="twitter" class="block mb-2 font-bold text-gray-600">Twitter</label>
                    <input type="text" id="twitter" name="twitter" placeholder="Put in your fullname." class="border border-red-300 shadow p-3 w-full rounded mb-">
                    <p class="text-sm text-red-400 mt-2">Twitter username is required</p>
                </div>

<button class="block w-full bg-blue-500 text-white font-bold p-4 rounded-lg">Submit</button>
            </form>
        </div>
    </div>
</div>

Related Examples

Responsive registration form
form with social login buttons

Author:
Sophia Baker

2 years ago

43.3k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

19.7k
Login Form with Icon

Author:
Prashant

3 years ago

17.5k
Feedback Form with rating input
take users feedback with this simple form

Author:
Nour Haider

2 years ago

10.8k
Contact Form with fabform.io
Contact form

Author:
Ho O

10 months ago

1k
Payment form (Alpine JS)

Author:
Mr Robot

3 years ago

10k
Multi-Step Form with Progress Indicator
reusable "Multi-Step Form with Progress Indicator" component built with HTML, CSS, and Tailwind CSS. It’s a practical component for forms like signups, surveys, or checkout processes.

Author:
Ayyamperumal S

10 months ago

1.8k
Input output form

Author:
Prajwal Hallale

2 years ago

7.8k
Simple Form 2

Author:
Mr Robot

3 years ago

10.5k
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.8k
WHOIS Domain Lookup

Author:
Maxim

8 months ago

541
Domain For Sale Template
Domain For Sale Template

Author:
Geoffrey Callaghan

1 year ago

4k

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

© 2025 TailwindFlex. All Rights Reserved.

v1.12