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

8.9k

9

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

36.3k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

18.9k
Sign in / Login Form

Author:
Bunny

2 years ago

12.3k
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

9 months ago

1.8k
Login Form
Login Form With google icon

Author:
Md. Tofayel islam

2 months ago

820
Contact us form template

Author:
Lukas Müller

2 years ago

8.4k
Sign in form
simple full-height login form

Author:
Lukas Müller

2 years ago

8.6k
Contact Form with fabform.io
Contact form

Author:
Ho O

3 months ago

536
contact us form
contact us form that uses the Free VeilMail EmailProtection Service too!

Author:
Geoffrey Callaghan

1 year ago

5.5k
Credit card form

Author:
Oliver Hansen

2 years ago

15.7k
Contact us form template

Author:
Geoffrey Callaghan

1 year ago

6.4k
Login Form
Admin Login Form

Author:
Khalid

1 year ago

1.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ 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