A backend for your Svelte forms

Keep full control over the look and feel of your Svelte forms.

Svelte is a front-end, open-source JavaScript framework for making interactive webpages.

Getting started with Svelte is simple

Start collecting data in a matter of clicks.

Let Formspark take care of the servers, databases, and analytics.

Set up any form in seconds.

markup

<script>
  const FORMSPARK_ACTION_URL = "https://submit-form.com/your-form-id";

  let message = $state("");
  let submitting = $state(false);

  async function onSubmit(event) {
    event.preventDefault();
    try {
      submitting = true;
      await fetch(FORMSPARK_ACTION_URL, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Accept: "application/json",
        },
        body: JSON.stringify({
          message,
        }),
      });
      message = "";
      alert("Form submitted");
    } finally {
      submitting = false;
    }
  }
</script>

<form onsubmit={onSubmit}>
  <textarea bind:value={message}></textarea>
  <button type="submit" disabled={submitting}>Send</button>
</form>

A backend for your Svelte forms

Getting started with Svelte is simple

Links