Setup EVM Browser App with MetaMask Connect

When to use

Use this skill when:

• Building a vanilla JavaScript or TypeScript browser app (no React) with MetaMask
• Integrating createEVMClient into a plain HTML page or a bundler-based project
• Wiring up EIP-1193 provider event listeners for account and chain changes
• Performing RPC calls through provider.request in a non-framework context

Workflow

Step 1: Install dependencies

npm install @metamask/connect-evm

@metamask/connect-multichain is a regular dependency of @metamask/connect-evm and is installed transitively. (Only the 2.0.0 release briefly made it a peer dependency; 2.1.0 reverted that.) Installing it explicitly is harmless but not required. The SDK warns at runtime if duplicate or mismatched copies are resolved.