Simple Form

This tailwind example is contributed by Mr Robot, on 27-Aug-2022. Component is made with Tailwind v3.4.

Tailwind v3.4 10.7k 11

<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

Sophia Baker

3 years ago

46.9k
Credit / Debit card payment information form

Santos78

3 years ago

20.8k
Sign Up Form
A premium responsive sign up page built with pure HTML and Tailwind CSS featuring a split layout, gradient background, social authentication buttons, password strength indicator, trust section, and polished SaaS-style design.

JUGENDRA GANGWAR

1 month ago

97
Feedback Form
Feedback Form with a map

Andreas Wagner

3 years ago

9k
contact form
contact form

Geoffrey Callaghan

3 years ago

7.9k
File upload form

Lukas Müller

3 years ago

14.6k
Luxury Serif Login Form
An elegant editorial-style login form with refined serif typography, warm neutral colors, subtle borders, and a premium boutique aesthetic.

JUGENDRA GANGWAR

3 weeks ago

12
Elegant Login Form Design for Your Platform
A professionally designed and responsive login form built with TailwindCSS. Featuring a sleek layout with a gradient button, modern input fields, and user-friendly interactions, it’s perfect for any e-commerce, SaaS, or online platform. Includes options for "Forgot Password" and "Remember Me" functionality, providing a seamless user experience.

SHARIFUL ISLAM

1 year ago

1.9k
beautiful tailwind contact form
beautiful tailwind contact form

Geoffrey Callaghan

2 years ago

6.6k
Contact me form
contact me form

Geoffrey Callaghan

3 years ago

7.7k
Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSS
Need a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!

Abdul Baset Bappy

1 year ago

1.9k
Two-Factor Authentication

JUGENDRA GANGWAR

1 month ago

30