Feedback form with fabform.io

Collect opinions about your company's service

This tailwind example is contributed by Ho O, on 09-Jan-2025. Component is made with Tailwind v3.4. It is responsive.

Tailwind v3.4 1.4k 7

<form action="https://fabform.io/f/xxxxx" method="post">

<div class="max-w-xl mx-auto mt-16 flex w-full flex-col border rounded-lg bg-white p-8">
    <h2 class="title-font mb-1 text-lg font-medium text-gray-900">Feedback</h2>
    <p class="mb-5 leading-relaxed text-gray-600">If you had any issues or you liked our product, please share
        with us!
    </p>
    <div class="mb-4">
        <label for="email" class="text-sm leading-7 text-gray-600">Email</label>
        <input type="email" id="email" name="email" class="w-full rounded border border-gray-300 bg-white py-1 px-3 text-base leading-8 text-gray-700 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200" />
    </div>
    <div class="mb-4">
        <label for="message" class="text-sm leading-7 text-gray-600">Message</label>
        <textarea id="message" name="message" class="h-32 w-full resize-none rounded border border-gray-300 bg-white py-1 px-3 text-base leading-6 text-gray-700 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200"></textarea>
    </div>
    <button class="rounded border-0 bg-indigo-500 py-2 px-6 text-lg text-white hover:bg-indigo-600 focus:outline-none">Send</button>
    <p class="mt-3 text-xs text-gray-500">Feel free to connect with us on social media platforms.</p>
</div>

Related Examples

Login Form
Login Form template using angular

nitro-x

2 months ago

198
Glassmorphism form

Sophia Baker

3 years ago

19.3k
Contact Form Component with Responsive Design and Decorative Elements
A modern contact form component featuring a split layout with form fields and contact information. Includes name, email, and message inputs with icon integration, decorative SVG elements, and responsive design for all screen sizes. Built with clean HTML and Tailwind CSS styling for seamless integration into any website.

Homayoun

11 months ago

1.5k
Login form

Aman kumar

2 years ago

4.7k
Sign up form

Rajesh Maheshwari

1 year ago

1.6k
Login Form

Amit Pachange

4 years ago

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

Anonymous

2 years ago

3.9k
Instagram Login Clone

Victoria Blount

1 year ago

794
tailwind contact form
tailwind contact form

Geoffrey Callaghan

2 years ago

4k
Contact Us

ariaw

11 months ago

939
Login template

Gabriel Urbano

2 years ago

7k
stepper
The Stepper Component is a versatile and user-friendly tool designed to guide users through a sequence of steps. Whether you're building a multi-step form, a tutorial, or any process that requires sequential navigation, this component makes it easy to implement and customize.

Abhiraj

1 year ago

2.9k