Copy-paste contact form examples for HTML, React, Next.js, Vue, Svelte, and Astro that send submissions to email, Slack, Discord, and a dashboard — with no backend, server, or database.
Powered by Formcatch (a Formspree alternative). Create a free form, get an endpoint, point your form at it. That's it.
- Create a free form at forms.mgm-llc.org and copy your endpoint (looks like
https://forms.mgm-llc.org/f/YOUR_FORM_ID). - Pick your framework below and copy the example.
- Replace
https://forms.mgm-llc.org/f/YOUR_FORM_IDwith your endpoint. - Submissions arrive by email, Slack/Discord (Pro), and your dashboard.
| Framework | Example |
|---|---|
| HTML | html/index.html |
| React | react/ContactForm.jsx |
| Next.js | nextjs/ContactForm.tsx |
| Vue | vue/ContactForm.vue |
| Svelte | svelte/ContactForm.svelte |
| Astro | astro/ContactForm.astro |
- Thank-you page: add a hidden field
<input type="hidden" name="_redirect" value="https://yoursite.com/thanks">. - AJAX (no redirect): send the header
Accept: application/json. - Spam: add a honeypot field
<input type="text" name="_gotcha" style="display:none">. - Works anywhere: static hosts (GitHub Pages, Netlify, Vercel), SPAs, SSR — because the backend is Formcatch.
- Guides: https://forms.mgm-llc.org/guides
- Per-framework setup: https://forms.mgm-llc.org/for/react (swap the framework slug)
MIT — use these snippets freely.