SDF Contact Form
A labeled, accessible contact form with name, email, optional company, and message fields that flips to a thank-you state on submit.
Contact
Let's talk
Tell us about your project and we'll get back to you within one business day.
The full source is for members
Sign in and choose a plan to view and copy SdfContactForm.tsx. The live preview above is free to explore.
How to use. Copy SdfContactForm.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
