Building a Form with JavaScript
JavaScript can be used to integrate Formspree into your existing application, make your forms more dynamic, and streamline your form development workflow.
Formspree offers a few different ways to work with JavaScript, depending on your setup:
@formspree/ajaxfor declarative form handling in plain HTML- A React library for React applications
- A CLI for modern JavaScript workflows
More information on each can be found below.
AJAX submissions
The recommended way to handle form submissions with JavaScript is using @formspree/ajax.
This library lets you submit forms asynchronously without writing your own fetch, Axios, or jQuery logic. It works with standard HTML forms and handles submission, validation errors, loading state, and success messages automatically. You can read more about it here.
Formspree React library
Formspree can be integrated into your React application using the Formspree React library. The Formspree React library can be used to build contact forms with React, set up MailChimp forms, and add webhook actions, among many other third-party integrations.
Formspree CLI
In addition to the React library, Formspree also offers a command-line interface tool that offers a useful workflow for building and deploying forms with modern JavaScript tools. More information on the Formspree CLI can be found here.
Additional resources
Additional examples and guides for using JavaScript to integrate your Formspree form can be found below.