Home
Mr Robot
Simple Form 2

Simple Form 2

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

Form

10.9k

<div class="bg-green-200 min-h-screen flex items-center">
    <div class="bg-white p-10 md:w-2/3 lg:w-1/2 mx-auto rounded">
        <form action="">

<div class="flex items-center mb-10">
                <label for="twitter" class="w-20 inline-block text-right mr-4 text-gray-500 text-gray-500">Twitter</label>
                <input type="text" name="twitter" id="twitter" placeholder="Your Twitter pseudonym" class="border-b-2 border-gray-400 flex-1 py-2 placeholder-gray-300 outline-none focus:border-green-400">
            </div>
            <div class="text-right">
                <button class="py-3 px-8 bg-green-500 text-green-100 font-bold rounded">Submit</button>
            </div>
        </form>
    </div>
</div>

Related Examples

Book Appointment form
A schedule an appointment form is an online document that helps the user to schedule an appointment with the company or business.

Author:
Arya

3 years ago

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

50k
Amazing 3D Login and Registiration Aniamation Form
create a stunning 3D animated background with floating geometric shapes, particle effects, and interactive elements using React, Three.js, and Tailwind CSS. This will be fully responsive and visually captivating.

Author:
Nicole Shalom

8 months ago

1k
Tailwind CSS Radio Button Cards

Author:
Prashant

3 years ago

12.7k
Responsive Form2

Author:
ABDO-SY

11 months ago

1.1k
Responsive Registration Form with Tailwind CSS
A clean, mobile-friendly user registration form built using Tailwind CSS. It includes fields for full name, email, password, terms agreement, and styled components with hover and focus transitions.

Author:
Sudip chaudhary

8 months ago

1.1k
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Anonymous

1 year ago

3.4k
Credit card form 2

Author:
Oliver Hansen

2 years ago

14.6k
RegistrationForm

Author:
Ramesh Kumar Sah

4 months ago

291
Banner with Form

Author:
Aitrik Saha

1 year ago

1.4k
Radio Input Group
Just fancy radio input group

Author:
farid

6 months ago

677
popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript

Author:
Ti To

2 years ago

8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components