ContactForm
Complete contact form with name, email, phone, and message. Netlify Forms integration included.
View showcase
Form Components - Capture Leads Effortlessly
Interactive form components with Netlify Forms integration, spam protection, and conversion tracking. Drop them in, start collecting leads.
Forms That Work
All form components integrate with Netlify Forms for submission handling, include spam protection, and track conversions with Google Analytics. No backend code required.
Forms are accessible, mobile-friendly, and fully dark-mode compatible. Just drop them into your pages and start collecting leads.
How Forms Work
1. Add Form to Page
import ContactForm from '@theme/components/forms/ContactForm.astro';
<ContactForm />2. Deploy to Netlify
Forms are automatically detected during deployment. Submissions appear in: Netlify Dashboard → Forms.
3. Create Success Page
After submission, users are redirected to a success page. Create one at /src/pages/contact/success.astro.
Explore Form Components
Click on any component above to see live examples, integration guides, and code snippets.