> ## Documentation Index
> Fetch the complete documentation index at: https://docs.formizee.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Svelte

> Learn how to ingest your first submission using Svelte

### Prerequisites

To get the most out of this guide, you'll need to:

* [Create a Formizee account](https://dashboard.formizee.com)
* [Have a form created](/guides/create-your-first-form)

## 1. Create a Svelte project

<CodeGroup>
  ```bash pnpm theme={"system"}
  pnpm dlx sv create formizee-svelte-example
  ```

  ```bash npm theme={"system"}
  npx sv create formizee-svelte-example
  ```

  ```bash bun theme={"system"}
  bunx sv create formizee-svelte-example
  ```
</CodeGroup>

## 2. Update the main page

Update the file under `src/routes/+page.svelte` with the next code, then update the **Endpoint URL**.

```tsx +page.svelte {1} theme={"system"}
<form method="post" action="https://api.formizee.com/v1/f/enp_123456">
  <label for="name">
    Name
    <input id="name" autoComplete="name" name="name" />
  </label>
  <label for="email">
    Email
    <input id="email" autoComplete="email" name="email" />
  </label>
  <button type="submit">Submit</button>
</form>
```

## 3. Run in local

<CodeGroup>
  ```bash pnpm theme={"system"}
  pnpm run dev
  ```

  ```bash npm theme={"system"}
  npm run dev
  ```

  ```bash bun theme={"system"}
  bun run dev
  ```
</CodeGroup>

## 4. Try it yourself

<Card title="Formizee Svelte Example" icon="link" href="https://github.com/formizee/formizee-svelte-example">
  See the full source code
</Card>