Cosmos Kit
Integrating Wallets
@ Cosmos MetaMask Extension

How to Add Cosmos MetaMask Extension to CosmosKit

  • @cosmos-kit/cosmos-extension-metamask

@cosmos-kit/cosmos-extension-metamask export wallets for connecting to the official Cosmos MetaMask Snap

add @cosmos-kit/cosmos-extension-metamask

yarn add @cosmos-kit/cosmos-extension-metamask

import the wallets

import { wallets } from "@cosmos-kit/cosmos-extension-metamask";

add to your provider

function MyCosmosApp({ Component, pageProps }: AppProps) {
  return (
      <ChainProvider
        chains={chains}
        assetLists={assets}
        wallets={[...wallets]}
        walletConnectOptions={...} // required if `wallets` contains mobile wallets
      >
        <Component {...pageProps} />
      </ChainProvider>
  );
}
 
export default MyCosmosApp;