> For the complete documentation index, see [llms.txt](https://docs.rairprotocol.org/rairprotocol/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rairprotocol.org/rairprotocol/integrations/core-technologies/guides/web3auth.md).

# Web3Auth

Preferred RAIRprotocol Wallet-as-a-Service provider

Web3Auth securely manages ERC4337 smart account wallets on behalf of your users with this simple integration.

{% hint style="info" %}
Web3Auth is the default WaaS provider for RAIRprotocol. We really like the simple setup, reliability, and low cost (<$.05 per MAW and free up to 1000 MAW). If you'd like to add support for other WaaS we'd love for you to fork our repo!&#x20;
{% endhint %}

## &#x20;Integration Steps

1. Create a [free Web3Auth account here](https://dashboard.web3auth.io/login).&#x20;
2. Make sure you also have a valid Alchemy API key (to use Account Kit)
3. Insert Web3Auth API key into [this environment variable](https://github.com/rairprotocol/rair-dapp/commits/dev/rair-front/.env.sample) at build time.&#x20;

```yaml
VITE_WEB3AUTH_CLIENT_ID=<API-KEY>
```

Manage users accounts easily inside of Web3Auth!

<figure><img src="https://3641609714-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5tYv0KixTaiEIz5F9uBB%2Fuploads%2FjqTLXadSPdSHddc7GTa6%2Fweb3auth.png?alt=media&amp;token=f2e31d0e-695c-4b8b-ac30-cadde162d0dc" alt=""><figcaption></figcaption></figure>

## Default Frontend

All Frontend work for the Marketplace is prebuilt using the over-the-shelf Web3Auth UI.&#x20;

Frontend should look like this. Settings to enable and disable certain login providers are all handled on Web3Auth side in their dashboard.&#x20;

<figure><img src="https://3641609714-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5tYv0KixTaiEIz5F9uBB%2Fuploads%2FmyD1xgcJ0RhPiuAIFgp3%2FScreenshot%202024-04-29%20at%2011.44.22%20AM.png?alt=media&amp;token=ac37ad3f-5a14-45a9-9247-5a10f610dce8" alt=""><figcaption></figcaption></figure>

Want to integrate with Web3Auth headlessly? Feel free to modify and extend our codebase!