angular-quick-start

MetaMask Embedded Wallets — Angular Quick Start

Angular example using MetaMask Embedded Wallets (powered by Web3Auth) on EVM chains. Uses the @web3auth/modal JavaScript SDK directly (no framework wrapper), which works with Angular, Svelte, and any other web framework.

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/quick-starts/angular-quick-start

2. Install dependencies

npm install

3. Set your Client ID

Open src/app/app.component.ts and replace the placeholder clientId value with your own Client ID from the Dashboard.

4. Run the application

npm start

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

Use Sapphire Devnet (the default) for local development. Sapphire Mainnet does not allow localhost.

Resources

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

License

MIT