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

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

39.7k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

19.4k
Records Form - HPower
records survey form

Author:
Anonymous

6 months ago

585
Checkout form
A versatile checkout form component for users to provide shipping and payment information. It has fields for first name, last name, address, city, state, ZIP code, card number, expiration date, and CVV.

Author:
Anonymous

1 year ago

12.3k
Form

Author:
Ramesh kumar Sah

3 months ago

357
Contact Form

Author:
Sophia Baker

2 years ago

10k
Animated modal with Tailwind Css and alpinejs

Author:
Michael Andreuzza

1 year ago

2.8k
signup
its a regstration form

Author:
ishimwe shadad

1 month ago

286
Reservation form

Author:
Lukas Müller

2 years ago

13k
form text

Author:
Severino Victtorino

2 months ago

284
Simple Sign-up Box
It features a backdrop blur effect on a dark background, creating an elegant and modern look.

Author:
Anja Müller

1 year ago

10.2k
Simple login form

Author:
R Thapa

1 year ago

21.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ 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.1