Home / Tailwind CSS contact form
Add a contact form to Tailwind CSS — get submissions by email & Slack
The easiest way to handle Tailwind CSS form submissions without building a backend. Connect your form to Formcatch and receive every message by email, Slack, and a dashboard.
Create your free form endpoint
1. Create a form (free) and copy your endpoint
Sign up and create a form — you'll get a URL like https://forms.mgm-llc.org/f/YOUR_FORM_ID.
2. Paste this into your Tailwind CSS project
<form action="https://forms.mgm-llc.org/f/YOUR_FORM_ID" method="POST" class="space-y-4 max-w-md">
<input name="email" type="email" required
class="w-full rounded-lg border px-3 py-2" placeholder="Email" />
<textarea name="message" required
class="w-full rounded-lg border px-3 py-2" placeholder="Message"></textarea>
<button class="rounded-lg bg-blue-600 px-4 py-2 font-semibold text-white">Send</button>
</form>
That's it. Submissions are stored in your dashboard and sent to your email/Slack. Add _redirect for a thank-you page, or send Accept: application/json for AJAX.
Why Formcatch for Tailwind CSS
- No backend or API route to build or host
- Spam filtering, email & Slack notifications
- Free to start; Pro at $9/mo