Skip to main content

Use MetaMask SDK with pure JavaScript

Import MetaMask SDK into your pure JavaScript dapp to enable your users to easily connect to the MetaMask browser extension and MetaMask Mobile. The SDK for pure JavaScript has the same prerequisites as for standard JavaScript.

Example

See the example pure JavaScript dapp in the JavaScript SDK GitHub repository for advanced use cases.

To import, instantiate, and use the SDK, you can insert a script in the head section of your website:

<head>
...

<script src="https://c0f4f41c-2f55-4863-921b-sdk-docs.github.io/cdn/metamask-sdk.js"></script>

<script>

    const MMSDK = new MetaMaskSDK.MetaMaskSDK()
    // Because init process of the MetaMaskSDK is async.
    setTimeout(() => {
        const ethereum = MMSDK.getProvider() // You can also access via window.ethereum

        ethereum.request({ method: 'eth_requestAccounts' })
    }, 0)

</script>

...
</head>

You can configure the SDK using any options and call any provider API methods. Always call eth_requestAccounts using ethereum.request(args) first, since it prompts the installation or connection popup to appear.

Important SDK options