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

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.3k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

19.7k
Contact Form with fabform.io
Contact form

Author:
Ho O

9 months ago

846
Responsive contact us section

Author:
Ron Hicks

2 years ago

14.6k
Contact us form template

Author:
Lukas Müller

2 years ago

9.1k
Login template

Author:
Gabriel Urbano

1 year ago

6k
Animated modal with Tailwind Css and alpinejs

Author:
Michael Andreuzza

1 year ago

3.1k
Login form

Author:
Leon Bachmann

2 years ago

13k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2.3k
Forgot password form (fullscreen)

Author:
Prajwal Hallale

2 years ago

12.2k
RegistrationForm

Author:
Ramesh Kumar Sah

1 week ago

109
Contact Form for fabform.io
Contact form that uses fabform.io

Author:
Ho O

9 months ago

477

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