Skip to main content

Use MetaMask SDK with other web frameworks

You can import MetaMask SDK into your web dapp to enable your users to easily connect with their MetaMask Mobile wallet. The SDK for other web frameworks works the same way and has the same prerequisites as for standard JavaScript.

Steps

1. Install the SDK

In your project directory, install the SDK using Yarn or npm:

yarn add @metamask/sdk
or
npm i @metamask/sdk

2. Import the SDK

In your project script, add the following to import the SDK:

import MetaMaskSDK from '@metamask/sdk';

3. Instantiate the SDK

Instantiate the SDK using any options:

const MMSDK = new MetaMaskSDK(options);

const ethereum = MMSDK.getProvider(); // You can also access via window.ethereum

4. Use the SDK

Use the SDK by calling any provider API methods. Always call eth_requestAccounts using ethereum.request() first, since it prompts the installation or connection popup to appear.

ethereum.request({ method: 'eth_requestAccounts', params: [] });