React Netlify Forms
React components and hooks giving you the power of Netlify Forms. Start building serverless forms on Netlify with React. Honeypot fields and reCAPTCHA are included as ready-to-use components.
It gives you all the features of Netlify Forms as simple and reusable React components which have been tested on Netlify.
- Default form handlers with support for file uploads.
- Spam prevention through included honeypot and reCAPTCHA components.
- Can be used alone or together with form libraries such as Formik or react-hook-form.
This is built with tailwind css and you will have to modify the UX your your usage.
This component must be used with Server-Side Rendering (SSR) because Netlify
searches for a
data-netlify attribute on HTML
form tags to setup their
Forms backend for you.
Either install with NPM via:
Adding to the form for image upload
For more examples please browse the below website.
Thanks to 🔗 create-react-library for providing quick setup for NPM packages.