Web3forms Svelte component 📦

Recieve form submissions directly to your inbox without any configuration. Powered by Web3forms.

Features ✨

✅ Super lightweight
✅ Zero dependencies
✅ Full Typescript support
✅ Easy to use and a simple Access key
✅ No configuration required (except for the Access key)

• Examples

Demo

Checkout the demo in the Svelte REPL

Installation

First get your Web3forms access from here. And then👇

npm i web3forms-svelte

And for yarn users👇

yarn add web3forms-svelte

Also please do note that the Web3forms Access key can be shared in public (just like the firebase keys).

Usage 📖

<script>
    import Web3Form from 'web3forms-svelte';
</script>

<Web3Form apikey="your-api-key-goes-here" />

For the full guide to props & usage checkout the Design Doc.

---

FAQ ❓

Should I have a Web3forms account to use this library?

You should get your Access key from Web3forms which requires your email.

How many form submissions can I make?

Web3forms has a generous free plan. You can view the latest pricing here.

Run Locally

Clone the project

git clone https://github.com/joshwalker9115/web3forms-svelte.git

Go to the project directory

cd web3forms-svelte

Install dependencies

npm install

or

yarn

Start the server

npm run dev

or

yarn dev