React Contact Form API

Add a working contact form to any React application without building a backend. Call EasyFormAPI from your onSubmit handler and receive every submission by email instantly.

import { useState } from 'react';

export default function ContactForm() {
  const [status, setStatus] = useState('idle');

  async function handleSubmit(e) {
    e.preventDefault();
    setStatus('sending');
    const data = Object.fromEntries(new FormData(e.target));
    const res = await fetch('https://api.easyformapi.com/submit', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ access_key: 'YOUR_ACCESS_KEY', ...data }),
    });
    setStatus(res.ok ? 'sent' : 'error');
  }

  return (
    <form onSubmit={handleSubmit}>
      <input name="name"    type="text"  required placeholder="Name" />
      <input name="email"   type="email" required placeholder="Email" />
      <textarea name="message"           required placeholder="Message" rows={4} />
      <button type="submit" disabled={status === 'sending'}>
        {status === 'sending' ? 'Sending…' : 'Send Message'}
      </button>
      {status === 'sent'  && <p>Message sent!</p>}
      {status === 'error' && <p>Something went wrong. Please try again.</p>}
    </form>
  );
}

Framework Compatibility

• Vite + React
• Create React App
• Next.js (App Router Client Component)
• Remix
• Gatsby
• Preact (identical API)