xmtp-example

MetaMask Embedded Wallets — XMTP

React + Vite example using MetaMask Embedded Wallets (powered by Web3Auth) as the wallet identity for XMTP decentralised messaging. Users authenticate with social login and use their derived wallet to send and receive encrypted messages on the XMTP network.

Prerequisites

• Node.js 20+
• npm
• A Client ID from the Dashboard

Setup

1. Clone the repository

git clone https://github.com/Web3Auth/web3auth-examples.git
cd web3auth-examples/other/xmtp-example

2. Install dependencies

npm install

3. Configure environment variables

cp .env.example .env

Edit .env:

VITE_WEB3AUTH_CLIENT_ID=YOUR_CLIENT_ID

4. Run the application

npm run dev

Visit http://localhost:5173 in your browser.

Resources

• MetaMask Embedded Wallets Documentation
• Dashboard
• Community — Builder Hub

License

MIT