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

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

42.7k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

19.7k
Contact Us / Enquiry-form Responsive

Author:
KULDEEP

4 months ago

998
Sign up form

Author:
Rajesh Maheshwari

7 months ago

829
Login Form
Admin Login Form

Author:
Khalid

1 year ago

2.3k
progress-bar with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2k
Sign in / Login Form

Author:
Bunny

3 years ago

13.5k
WYSIWYG Editor Form
Form with CKEditor

Author:
I.P. Leroy

2 years ago

15.6k
login
Dark mode login

Author:
Hacker Development

6 months ago

975
Records Form - HPower
records survey form

Author:
Anonymous

10 months ago

833
Profile Form
Profile form for taking user inputs

Author:
TailwindFlex

3 years ago

14.9k
Login Form

Author:
Amit Pachange

3 years ago

12.7k

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